在 img 标签中使用时不显示外部图像答案

【问题标题】：External Images does not display when used in img tag在 img 标签中使用时不显示外部图像
【发布时间】：2012-03-16 01:18:17
【问题描述】：

我有这些奇怪的图片网址，如果我直接在浏览器中调用，会显示一个图片，但是当我在 img 标签中使用它时，不会显示任何图片。

http://thetvdb.com/banners/_cache/fanart/original/248951-1.jpg

我确定我犯了一些愚蠢的错误。这是简单的代码。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org
/TR/html4/loose.dtd">
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title></title>
</head>
<body>
    <img src="http://thetvdb.com/banners/_cache/fanart/original/248951-1.jpg" alt=""/>
</body>
</html>

有什么帮助吗？

【问题讨论】：

第一次在 html 中加载图像时可能会显示图像，但刷新后会消失。
您是否检查过该网站是否允许对其内容进行框架化？通过照原样从他们的服务器加载图像，您实际上是在窃取他们的带宽，迫使他们为您使用他们的图像付费。
注意，图片显示在 Chrome 中，但不是 IE。

标签： html

【解决方案1】：

TV DB does not want 使用其带宽在您的网站上显示图像。

我们不允许任何形式的盗链，只允许您直接下载图片然后按您认为合适的方式使用，您不能将我们用作主机。

他们已采取措施阻止您这样做。

quentin@laptop:~ # curl -e http://example.com/ http://thetvdb.com/banners/_cache/fanart/original/248951-1.jpg
<html>
<head><title>403 Forbidden</title></head>
<body bgcolor="white">
<center><h1>403 Forbidden</h1></center>
<hr><center>nginx</center>
</body>
</html>

【讨论】：

可能是Android App没有在请求中发送HTTP referer header。