Как поймать ошибку 404 с помощью JavaScript

Question

Всем доброго времени суток. Задача следующая: требуется присвоить определенному изображению адрес картинки. В случае, если картинка будет не найдена по её URL (должно выдать 404 ошибку), то используется другая ссылка.

Вариант который я сделал не подходит, все равно ошибка не обрабатывается.

Есть ли возможность каким-то образом ее поймать?

        let img = document.createElement('img');
        let URL = "https://google.com/invalid/address.png"

        img.addEventListener("error", (e) => {
            console.log("Не удалось загрузить картинку");
        });
        

        img.src = URL;

Ошибку в консоли прикрепил в виде картинки

Answer 1

Вот так

const imgExists = document.createElement('img');
imgExists.src = "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/477px-PNG_Test.png"

imgExists.onerror = function(a) {
  console.log('imgExists не существует');
};

const imgNotExists = document.createElement('img');
imgNotExists.src = "https://google.com/invalid/address.png"

imgNotExists.onerror = function(a) {
  console.log('imgNotExists не существует');
};

Answer 2

Насколько я понимаю, ошибки 404 невозможно отловить, они проскакивают. Но скрипт они не убивают. В ответе выше от Александр Рогонов, ошибка другого рода, поэтому ее удается отловить

БЛОГ НА HUSL

Как поймать ошибку 404 с помощью JavaScript

Ответы (2 шт):