顯示指定路徑上不存在的每個圖像的錯誤

我正在使用從服務器接收的json數據來顯示圖像。我得到所有的圖像路徑，並使它們成爲一個字符串「html」，最後使用$("#result").html(html);將所有html附加到div結果。我的問題是，有一些圖像路徑，但對應於這些路徑沒有圖像，我想在這種情況下顯示一條錯誤消息。我可以使用顯示指定路徑上不存在的每個圖像的錯誤

$('img').error(function(){ 
    console.log('error'); 
});

，但問題是我想補充的錯誤消息，這是不存在的每個圖像。無法做到這一點，因爲我在最後使用$("#result").html(html) 集體顯示所有圖像請解決我的問題。

感謝羅米

來源

2011-06-13 Romi

我認爲你需要首先處理你的接受和投票表決。 – Vivek 2011-06-13 08:29:12

Vivkek：這是什麼意思？需要在投票表決中接受 – Romi 2011-06-13 12:59:19

@Romi-你應該接受那些正確回答你答案的答案，點擊打勾，你也可以通過點擊左上角的上箭頭回答你的答案 – Vivek 2011-06-14 06:04:41

試試這個。

$("#result").html(html); 
     $(("#result").find('img').error(function(){ 
      $(this).after("<br>Image was not found"); 

      });

希望你現在可以看到問題出在哪裏:)，如果還是不讓我知道。

來源

2011-06-13 07:12:43 Vivek

@Vivek：它的工作很好，If我把一個警告框，我可以看到它正在工作。但它不添加messsge「圖像未找到」爲什麼如此？ – Romi 2011-06-13 09:56:38

Vivek：謝謝，現在它的工作，但我工作，當我在$（「＃result」）。html（msg）;後添加此函數。但通過這樣做$（this）不工作，我必須使用$（'img'）。與此，問題是，它是添加味精與所有圖像，我只是想添加消息只與圖像不在指定的路徑 – Romi 2011-06-13 11:15:02

我沒有得到你的問題。你能舉一個例子http://jsfiddle.net/ – Vivek 2011-06-13 11:47:47

可以顯示錯誤信息對應的圖像是這樣的：

$('img').error(function(){ 
    $(this).after("<p>Image was not found</p>"); 
});

或替代，可以顯示的，而不是那些沒有發現像通用未找到圖像這個：

$('img').error(function(){ 
    $(this).attr('src', 'not-found image path'); 
});

來源

2011-06-13 07:09:50 Sarfraz

顯示指定路徑上不存在的每個圖像的錯誤

回答

相關問題