Проверка 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

Put это в теге изображения:

onError="image_error(this.id)" 

, который будет проходить идентификатор изображения для image_error функции .... Дух