Определить 404 с помощью JavaScript

В настоящее время я использую эту функцию JavaScript для загрузки изображения в div.

function loadImage(id) {
    var image = document.getElementById("image");
    image.src = "http://test.com/"+id+".png";
    var image = document.getElementById("image");
    image.onload = function () {
            // Do stuff
    };
}

Однако, как я могу что-то сделать, если URL-адрес изображения возвращает ошибку 404?

1 ответ

Решение

Вы можете использовать onerror.

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

В качестве альтернативы вы можете попробовать использовать AJAX (например, XMLHttpRequest или его абстракцию), который позволяет обрабатывать коды ошибок. Однако будут применяться ограничения по происхождению. Это может быть также излишним.

Другие вопросы по тегам