Comment faire la fonction "Coller et montrer"

Question

Ne sait pas comment l'appeler, mais si vous avez vu sur Facebook, lorsque vous insérez http://www2.scandvision.se/oresund10/images/body-background-1.jpg, il met à l'échelle de l'image et le montrer en plus du lien, comment faire quelque chose comme cette.

Pour être détaillé comment faire une boîte vous insérez quelque chose, puis après 1-2 secondes, il montre l'image/sous forme à l'échelle, avec le lien que vous avez collé d'ailleurs?

Comment pouvez-vous faire cela?

Answer 1

Il est chargement essentiellement l'image dans une balise img chaque fois que le texte est modifié

html:

<input id="txt1" type="text"> 
<img id="img1" width="50" height="50"> 

onload/script domready:

​document.getElementById("txt1")​.onchange = function(){ 
    document.getElementById("img1").src = this.value; 
}; 

Answer 2

1. Soumettre l'URL d'un script côté serveur (par exemple, PHP ou ASP)
2. Utilisez la bibliothèque de traitement d'images dans cette langue à l'échelle de l'image à la taille que vous voulez
3. Retour une URL (sur votre site) où cette image redimensionnée peut être téléchargée
4. Utilisez l'URL renvoyée en JavaScript pour générer une balise <img />.