jQuery的檢查，如果圖像加載

可能重複：
jQuery callback on image load (even when the image is cached)jQuery的檢查，如果圖像加載

有沒有一種方法來檢查，如果圖像是通過jQuery的加載？我有一些圖像與外部src和有時 src指向404頁。有沒有辦法檢查圖片是否加載？然後我可以將它從dom中刪除。

謝謝。

2011-05-20 user558134

jQuery有一個函數來處理這個問題，看看.error()

因此，舉例來說，你可以一個.error()處理程序連接到的所有圖像，並顯示別的東西，如果有錯誤，像源已不存在：

$('img').error(function() { 
    $(this).hide(); 
}).attr("src", "missing.jpg");

2011-05-20 08:12:59 Scoobler

呀，它很好地工作。謝謝:) – user558134 2011-05-20 08:25:10

你已經倒過來了 - 不要隱藏圖像，你應該在回調中設置src。看到我的答案。 – 2011-06-09 15:37:12

是的，你可以使用error事件這樣的....

$('#imageId') 
    .error(function() { 
    alert('Something bad happened.') 
    }) 
    .attr("src", "image.gif");

2011-05-20 08:16:42 Vivek

@ Vivek ....;）而不是'使用'使用...'測試'。或者我們假設你在你的網頁上使用*警報！ ;）這看起來像前一個答案的修改後的複製粘貼答案。 – 2011-05-20 09:29:40

@Scoobler有正確的想法，但錯誤的實現。

$(function() 
{ 
    $('img').error(function() 
    { 
     $(this).attr('src', 'http://i.stack.imgur.com/THJzu.gif'); 
    }); 
});

的.error()結合必須發生在文件準備 - 窗口負荷是爲時已晚。

2011-06-09 15:39:45

我以爲相同，但奇怪的是他的演示鏈接工作，即使在我試過的一個巨大的DOM。 – needfulthing 2015-01-22 14:56:54

回答