在插入dom之前獲取圖像url的狀態

我已經編寫了一個JavaScript方法，可以從S3 Bucket的圖像URL列表中將圖像繪製到DOM。在某些情況下，這些圖片可能會破壞網址。我一直在尋找一種最好的方式來測試這些圖像URL的狀態，然後將它們繪製到DOM中。任何幫助將不勝感激。在插入dom之前獲取圖像url的狀態

2013-05-17 Mike Bonds

添加的代碼段使用的是其非常重要的。 – sabithpocker

如果你的意思是因爲一個不好的網址而中斷，你可以使用正則表達式來測試它。如果沒有，恐怕你必須爲每個網址做一個Ajax請求並從那裏讀取狀態。 – PoeHaH

http://stackoverflow.com/questions/9278172/jquery-ajax-request-and-images-loading –

你既可以AJAX的圖像，然後檢查404添加之前，或處理圖像的onError的：

<img src="image.png" onerror="hideImage(this);"/>

然後回顧從hideImage功能DOM中刪除圖像。

編輯：從聯機屬性移開，你也可以在文檔加載使用：

$("img").error(function() { $(this).remove(); }

2013-05-17 13:19:55

回答