如何实现复制一个URL,粘贴时以图片显示

Question

一个文本域,如何实现复制一个URL,粘贴到文本域时以图片显示,点击图片又能打开这个URL.

Answer 1

<textarea id="x" style="width:200px;height:100px"></textarea>
//双击显示图片，图片地址必须合法，可以自己添加正则验证
<script type="text/javascript">var i ;function func()
{
  var texta = document.getElementById("x");
  if(!texta.innerHTML == "")
  {
      var str = texta.innerHTML;
      var img = document.createElement("img");
      img.src=str;
      img.onclick = function()
      {
           window.open(str);
      }
      texta.innerHTML = "";
      texta.appendChild(img);
      window.clearInterval(i)
  }   
}
i = window.setInterval(func,100)
</script>

Answer 2

用JS判断剪切板中的文字格式是否正确，正则表达式用了检验地址，如果合法就append一个image