檢測是否圖像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/