显示来自其他站点的图片则显示奇怪的图片

Question

我正在制作一个Facebook应用程序，您可以在显示很多有趣图片的网页上浏览您和您朋友的喜欢。 问题是，当我链接到这些图片时，它们看起来像是其他东西。 像占位符之类的东西。 如果已缓存，它会正确显示（我认为）。

看看这个jsfiddle： http : //jsfiddle.net/jVBSk/ 。 如果在图像上单击鼠标右键，将获得与源文件中的文件名不同的其他文件名。

如何避免这种情况，使页面显示正确的图像？

Answer 1

它似乎具有某种形式的热链接保护。 这个做工不是很好，所以很容易绕开。

<?php
$file = file_get_contents($_GET['image']);
header("Content-Type: image/jpeg");
$image = imagecreatefromstring($file);
imagejpeg($image);
imagedestroy($image);
?>

然后像这样调用脚本： script.php?image=http%3A%2F%2Fgif.artige.no%2Fstore%2F10%2F10002.jpg
图片网址必须经过编码。 可以使用PHP中的urlencode()来完成此操作，也可以使用以下在线工具来做到这一点： http : //meyerweb.com/eric/tools/dencoder/

因此，在HTML中是这样的： <img src="script.php?image=http%3A%2F%2Fgif.artige.no%2Fstore%2F10%2F10002.jpg" alt="[Image]" />

Answer 2

该网站正在检查引荐来源网址，以查看其是否属于其域名。 如果不是，则返回此“请勿窃取此”图像。 （如果任何人都可以翻译，我相信这就是它的意思）。

请参阅http://en.wikipedia.org/wiki/HTTP_referrer和http://en.wikipedia.org/wiki/Referrer_spoofing 。

Answer 3

您所做的称为“ 热链接” ，许多网站所有者对此都不满意。

问题在于您正在窃取它们的带宽，并且作为一种解决方案，当请求页面不是来自其自己的域时，它们提供了不同的图像而不是被请求的图像。