我将使用jQuery动态地向HTML文档中插入图片。以下是代码:
请注意,图像
如果您在浏览器中访问原始图像,则可以正常工作。如果您加载包含该图像的HTML页面,则会正常加载。
但是,如果您使用jQuery(或JavaScript)动态插入它,则浏览器将不会显示302'ed图像。
如果您显示重定向的图像,则可以正常工作。
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
。如果您在浏览器中访问原始图像,则可以正常工作。如果您加载包含该图像的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);
这很疯狂,是吧?出了什么问题,我怎么能在动态插入时强制加载图像?