如何做“粘贴并显示”功能

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 />标记。