-1

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

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

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

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

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

        img.src = URL;

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

Ошибка

7
  • 1
    попробуй это: learn.javascript.ru/try-catch
    – Nick
    23 июл 2021 в 16:41
  • try catch не ловит такие ошибки к сожалению, если тупо в try catch обернуть - не получается
    – tracer0ute
    23 июл 2021 в 17:19
  • Зачем вы два раза изображение создаёте? Попробуйте img.onerror = myErrorHandlerFunc
    – nazarpunk
    23 июл 2021 в 19:23
  • Ошибка в коде, поправил, а можно по подробнее насчет этого? Что за myErrorHandlerFunc? каким образом это реализовать
    – tracer0ute
    23 июл 2021 в 19:34
  • Если есть ошибка, то какая разница с каким статусом будет ответ, меняйте ссылку и все.
    – Leonid
    23 июл 2021 в 20:03

2 ответа 2

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 не существует');
};

2
  • С помощью onerror тоже не получается, не отслеживает
    – tracer0ute
    25 июл 2021 в 18:27
  • Что именно у вас не работает? Нажмите выше "Выполнить код" и убедитесь, что в консоли вы увидите только "imgNotExists не существует". Всё отлично работает. 26 июл 2021 в 18:56
0

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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.