javascript - 为什么我不能将 IMG 元素链接到像 "http://en.wikipedia.org/wiki/File:Batman_Lee.png"这样的 url

Question

我正在使用谷歌自定义搜索来获取图片结果。这是我的第一次测试，当我搜索 bat 侠时，我在维基百科中找到了这个 URL:“http://en.wikipedia.org/wiki/File:Batman_Lee.png”

当我尝试将它用作图像元素时:

<img src="http://en.wikipedia.org/wiki/File:Batman_Lee.png">

我得到了一个空白元素。为什么是这样？维基百科是否主动阻止人们链接到他们的图像，或者是否有任何其他原因？

Answer 1

因为您使用的 URL 是一个包含图像的维基百科文件/页面。

绝对图像 URL 是:

http://upload.wikimedia.org/wikipedia/en/a/a7/Batman_Lee.png

当您在 <img> 中链接上述 URL 时标记然后它将起作用。

<img src="http://upload.wikimedia.org/wikipedia/en/a/a7/Batman_Lee.png">

注意:您可以通过在image上点击鼠标右键来获取上述网址。并复制 URL

SEE DEMO