如何做「粘貼並顯示」功能

Question

不知道該怎麼稱呼它，但是如果您在Facebook上看到過，當您插入http://www2.scandvision.se/oresund10/images/body-background-1.jpg時，它會縮小圖片並在鏈接之外顯示圖片，如何執行類似操作那。

要詳細說明如何製作一個盒子，然後在1-2秒後顯示圖片/縮放形式，並粘貼鏈接？

你怎麼能做到這一點？

Answer 1

它基本上加載圖像爲img標籤每次文本改變

HTML：

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

的onload/domready中的腳本：

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

Answer 2

1. 提交URL到服務器端腳本（例如PHP或ASP）
2. 使用該語言的圖像處理庫，以縮小圖片的大小，你想
3. 返回一個URL（在您的站點上）可以下載調整大小的圖片的位置
4. 在JavaScript中使用返回的URL生成<img />標記。