HTML - OnChange从输入框更新图像源URL

Question

好的,我正在为网页设计课做最后的决定.我们只能使用HTML,CSS和JAVASCRIPT.没有AJAX或其他任何东西.

我需要一些帮助.

我有一个文本框.我希望用户能够将(图像)网址粘贴到其中,并且它会自动将页面上的图像更新为他们粘贴的图像网址.

这可能吗？

我可以在文本框中使用OnChange来更新我的图片网址吗？我在每个中放入什么？

这是我的文本框

<input id="usrimg" onChange="??(What do I put here)??" type="text"/>

这里是我想要在文本输入中更改OnChange的图像源

        imageObj.src = "??What goes here??";

Answer 1

我知道这是一个迟到的答案但是,你尝试过类似的东西吗？我知道这不是最好的解决方案,但它是......

<script language="JavaScript" type="text/javascript">
function show_prompt() {
var image_url = prompt("Please enter an image url","http://hasselt-graphix.be/images/HGX.png");
  document.write("<!-- The rest of your html page --><img src=\"" + image_url +   "\" width=\"400px\"><!-- The rest of your html page-->"); 
}
</script>

<form>
  <input type="button" value="Change picture" onclick="show_prompt();" />
</form>

希望能帮助到你