检测是否图像URL损坏或不JQUERY

Question

有没有一种方式，如果图像URL从其URL损坏或不检测，说我要检查，如果这个图像加载：

http://www.domain.com/img/slide1.jpg

从该URL只，而不是从HTML代码

感谢

Answer 1

我已经看到了这个作为一个选项...

<img src="foo.jpg" onerror="if (this.src != 'error.jpg') this.src = 'error.jpg';"> 

这也可以触发一个函数。

您也可以尝试这样的事情...

<object data="http://stackoverflow.com/does-not-exist.png" type="image/png"> 
    <img src="http://stackoverflow.com/content/img/so/logo.png" /> 
</object> 

因为第一图像不存在，回退（堆栈溢出标志）会显示。如果您使用的是不支持对象的旧浏览器，它将忽略该标签并使用img标签。

UPDATE：

使用映像路径（URL），尝试这样的事情......

http://perishablepress.com/3-ways-preload-images-css-javascript-ajax/

通过AJAX预加载可能会给出一个答案，那么你可以使用成功/错误处理。

Answer 2

对于检查是可用的当前URL，您可以使用HEAD HTTP请求（不加载请求正文）。 它在这个HTTP HEAD Request in Javascript/Ajax?问题中描述。

Answer 3

使用onerror处理程序。然而，触发错误之前，必须连接，所以你要以后设置src属性：

$("img").error(function(){ 
    $(this).hide(); 
}).attr('src', 'http://www.domain.com/img/slide1.jpg'); 

https://api.jquery.com/error/