javascript - 使用 JavaScript 动态插入图像不适用于 302 重定向的图像

Question

我正在使用 jQuery 将图像动态插入到 HTML 文档中。这是代码:

var image_url = "http://www.kottke.org/plus/misc/images/castro-pitching.jpg";
var $image = $('<img src="'+image_url+'" width="50" height="50" />');
$('body').prepend($image);

请注意图像 http://www.kottke.org/plus/misc/images/castro-pitching.jpg 实际上是一个 302 重定向到 http://kottkegae.appspot.com/images/castro-pitching.jpg。

如果您要在浏览器中转到原始图像，效果很好。如果您要在 img 标记中加载带有该图像的 HTML 页面，它会加载正常。

但是，如果您要使用 jQuery(或 JavaScript，就此而言)动态插入它，浏览器将不会显示 302'ed 图像。

如果您显示重定向的图像，它会正常工作。

var image_url = "http://kottkegae.appspot.com/images/castro-pitching.jpg";
var $image2 = $('<img src="'+image_url+'" width="50" height="50" />');
$('body').prepend($image2);

这很疯狂，对吧？动态插入图像时提供什么以及如何强制加载图像？

Answer 1

事实证明，这在 Firebug 下起作用的原因是该网站阻止了热链接。因此，强制图像在控制台中加载工作正常，但热链接不起作用。浏览器正确遵循 302 重定向，即使对于图像也是如此。很难调试，因为它在调试时运行良好。啊。