如何使用javascript或jquery中的web上的图像URL上传图像?

时间:2015-06-08 12:32:18

标签: javascript jquery angularjs upload

我有一个页面,我需要使用它的网址从网页添加图片,并使用Jquery或Javascript将其显示在我的页面中,如下图所示。

enter image description here

2 个答案:

答案 0 :(得分:0)

您需要有一个文本框,您可以在其中输入图像的网址和附加活动的按钮。



var button = document.getElementById("button"),
    input = document.getElementById("input"),
    image = document.getElementById("image"),
    src;

// button click event
button.onclick = function(){
  // in case you want to use somewhere else
  src = input.value;

  // set the image src to the input value
  image.src = src;
}

<input id="input" type="text"/>
<button id="button">click me</button>
<img id="image" height="200px"/>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

  • 它只是更新图像'src'attibute并显示图像。并且没有保存,而且输入类型不是''''。