<img> не удается загрузить изображение с ошибкой GET 0 ()

Question

СИТУАЦИЯ:

Моя страница содержит около 500 <img> элементов, которые динамически генерируются и заполняются URL-адресами изображений из запроса API, который обновляет данные один раз в час.

---

ПРОБЛЕМА:

При загрузке нескольких страниц большое количество изображений не может загрузить изображение с кодом ошибки 0 ().

---

ЧТО Я ПОПЫТАЛ:

Я также попытался поместить все изображения непосредственно в одну из папок моего веб-сайта и загрузить их оттуда, и произошло то же поведение.

Иногда все изображения загружаются без проблем, иногда не удается загрузить большое их количество.

---

ВОПРОС:

Как я могу убедиться, что изображения всегда загружаются?

P.S .: Я проверил URL-адреса изображений, когда изображения не загружаются, URL-адреса правильные.

Снимок экрана прилагается.

---

EDIT:

Для ясности, мой вопрос, скорее всего, не имеет ничего общего с самими запросами, поскольку URL-адреса изображений правильно загружены внутри тегов <img>, это не изображения, а загружаемые изображения, а не URL-адреса.

Answer 1

Может быть трудно понять, почему некоторые изображения иногда не загружаются. Одной из стратегий может быть проверка загрузки всех изображений.

См .: Можно ли перезагрузить определенное изображение, если оно не завершило загрузку через заданный промежуток времени? JavaScript / JQuery

Вот пример кода из принятого ответа, который должен работать для вашего сценария:

var images = $('img');  // Get all images. (you'll want to modify the selector
                        //    to work with only the desired images)

images.load(function() {       // Add a load event hander that removes 
    images = images.not(this); //    each image from images once loaded.
});

setTimeout(function(){        // After 10 seconds, iterate over each remaining
    images.each(function() {  //     image, reloading each one
        // reload this image
    });
},10000);  // run after 10 seconds