使用JQuery从URL显示图像

Question

使用JQuery，这看起来非常简单，但是在将图像URL输入到输入文本框中时，我无法显示图像。我得到的只是图像的文字，例如。 “http://dreamatico.com/data_images/car/car-6.jpg”而不是图片本身。

Answer 1

我有点不确定你的问题究竟是什么，但我怀疑它就像上面的评论中提到的Alec Ananian，如果你正在测试你链接的图像（图像的网站不允许不同于当前的参考主机）。

我让你成为一个简短的小提琴，它使用所有jQuery和.attr（）将输入文本放入img标签的src中。

但是，对于未来的问题，您应该更多地描述您的问题。最好使用您当前的代码（在小提琴中或直接在此处将其显示为片段）。基本上让人们尽可能轻松地帮助你。

http://jsfiddle.net/tv0evg7d/1/

Html：

<input id="inputBox" value="http://www.clusterflock.org/wp-content/uploads/2010/09/owl-in-a-hat.jpg"/>
<button id="loadImage">Show</button>
<br/>
<img id="image" src="" alt="No image loaded"/>

JS：

$("#loadImage").on('click', function(){
    $("#image").attr("src", $("#inputBox").val());
});