javascript - Javascript 可以用来检测重定向的图像 SRC(在任何流行的浏览器中)吗？

Question

我猜不会，但你永远不知道。

1. 浏览器加载 <img src="http://example.net/lolcat.png">
2. example.net 重定向 lolcat.png至http://static.example.net/bandwidth-exceeded.gif

我可以检测到这个吗？

跨浏览器并不重要，只是寻找一个可以在任何一种流行浏览器中运行的选项。

到目前为止，我最好的选择是了解占位符图像的大小，通过查看 onload 图像大小(在支持图像标签中 onload 事件的浏览器中)获得“可能”，并发出快速 XHR 请求通知后端我们有一个可能。

Answer 1

我检查了以下代码:

var a=new Image(); a.src='http://example.com/image.png';
alert( a.width );

在本例中返回 0，因为图像不存在。

关于link text我发现了很多可能值得一看的特性。如果失败，您可能需要研究 jQuery 和 AJAX。

编辑:
_{在 firefox firebug 上测试}

var a=new Image(); 
a.src='http://l.yimg.com/g/images/photo_unavailable_m.gif';
console.log(a.width); // the image exists and returns 240

var b=new Image(); 
b.src='http://farm3.static.flickr.com/2560/4098180849_729ef4f6ef_m.jpg';
console.log(b.width); // the image does not exist (re-direct) and returns 0