<img> не может загрузить изображение с ошибкой GET 0 ()
СИТУАЦИЯ:
На моей странице около 500 элементов <img>, которые динамически генерируются и заполняются URL-адресами изображений из запроса API, который обновляет данные один раз в час.
ПРОБЛЕМА:
Каждые несколько загрузок страницы большое количество изображений не может загрузить изображение с кодом ошибки 0 ().
ЧТО Я ПЫТАЛСЯ:
Я также попытался поместить все изображения прямо в одну из папок моего веб-сайта и загрузить их оттуда, и происходит то же самое.
Иногда все изображения загружаются без каких-либо проблем, иногда большая часть из них не загружается.
ВОПРОС:
Как я могу убедиться, что изображения всегда загружаются?
P.S .: Я проверил URL-адреса изображений, когда изображения не загружаются, URL-адреса правильные.
Скриншот прилагается.
Обновлено:
Чтобы быть ясным, мой вопрос, скорее всего, не имеет ничего общего с самими запросами, поскольку URL-адреса изображений правильно загружаются внутри тегов <img>, это изображения, которые не загружаются, а не URL-адреса.
А почему отрицательный?
Похоже, сервер подавляется пятью сотнями почти одновременных запросов и возвращает поддельные данные.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Может быть сложно понять, почему некоторые изображения иногда не загружаются. Одна из стратегий может заключаться в том, чтобы проверить, все ли изображения загружены.
Вот пример кода из принятого ответа, который должен работать для вашего сценария:
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
@MdJohirulIslam Как это вообще связано с моим вопросом?