Проверка, полностью ли загружено изображение, или NOT

Я нашел этот метод ниже, и он отлично работает, чтобы проверить, полностью ли загружено изображение:

var myimg = new Image();
myimg.onload = function(){
alert("The image is now loaded");
}
myimg.src = "image url";

Мой вопрос:

Как я могу сделать alert("The image couldn't be loaded"), если по какой-либо причине изображение не может быть загружено или найдено (например, если URL-адрес изображения поврежден или даже изображение больше не существует из предоставленного URL-адреса изображения)? Есть ли способ решить это?

Ответы

Ответ 1

image nodes также разрешает обработчик событий DOM Level 1 onerror.

myimg.onerror = function() {
};

Если что-то не получается при загрузке или при загрузке изображения, этот обработчик будет выполнен. В дополнение к этому, неплохая идея, чтобы также проверить размеры внутри события onload

myimg.onload = function() {
    if( this.height && this.width ) {
    } else {
        // you might want to catch this case here too
    }
}