javascript檢查img src是否有效？

Question

我有類似：

document.getElementById('MyPicture').src = 'attempted.png'; 

如果客戶不能獲取資源，我想用來替換：

document.getElementById('MyPicture').src = 'error.png' 

我知道我可以把的onError =（）函數的圖像標記，但我怎樣才能將Id傳遞給onError，以便我可以使用一個onError函數來更改任何不良圖片的src？

Answer 1

添加onError屬性確實是處理它的正確方法。在你的情況，你會加入類似：

var myPicture = document.getElementById('MyPicture'); 
myPicture.onError = errorHandler(); 

function errorHandler(msg,file_loc,line_num) { 
    myPicture.src = 'http://www.google.com/intl/en_ALL/images/srpr/logo1w.png'; 
} 

Answer 2

是的，你可以使用onerror事件，對圖像元素確實是widely supported，例如：

var image = document.getElementById('MyPicture'); 
image.onerror = function() { 
    alert('error loading ' + this.src); 
    this.src = 'error.png'; // place your error.png image instead 
}; 

image.src = 'non-existing.jpg'; 

檢查爲例here。

Answer 3

把這個圖像標籤：

onError="image_error(this.id)" 

將通過圖像的ID image_error功能....咄