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

2019年7月29日 170次阅读

我使用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’图像.

如果您显示重定向的图像,它将正常工作.

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

那太疯狂吧？什么给出以及如何在动态插入时强制图像加载？

最佳答案 原来在Firebug下工作的原因是该网站阻止了热链接.因此强制图像在控制台中加载工作正常,但热链接不起作用.浏览器正确地遵循302重定向,即使对于图像也是如此.很难调试,因为它在调试时工作正常.哎呀.

点赞