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>

希望有所帮助

Answer 2

std::function

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

2 个答案: