檢測圖片網址是否損壞JQUERY

Question

有沒有一種方法可以從圖像URL中檢測圖像URL是否損壞，請說我要檢查此圖像是否加載：

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

僅從URL，而不是從html代碼

謝謝

Answer 1

要檢查當前URL是否可用，可以使用HEAD HTTP請求（不加載請求主體）。 它在Javascript / Ajax的HTTP HEAD Request中描述了嗎？ 題。

Answer 2

使用onerror處理程序。 但是，必須在觸發錯誤之前將其附加，因此您要在此后設置src屬性：

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

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

Answer 3

我認為這是一個選擇...

<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標簽。

更新 ：

使用圖像路徑（URL），嘗試類似的操作...

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

通過ajax進行預加載可能會給出答案，然后可以使用成功/錯誤處理。