<img/>无法加载错误GET 0（）的图像

Question

情况：

我的页面上大约有500个<img>元素，这些元素是动态生成的，并使用来自API请求的图像网址填充，该请求每小时刷新一次数据。

---

问题：

页面加载很少，大量图像无法加载错误代码为0（）的图像。

---

我尝试的内容：

我还尝试将所有图像直接放在网站的一个文件夹中，然后从该文件夹中加载它们，并且发生相同的行为。

有时所有图像加载都没有问题，有时很多图像无法加载。

---

问题：

如何确保始终加载图像？

P.S .：我在图像加载失败时检查了图像的网址，网址是正确的。

附带的屏幕截图。

---

编辑：

需要明确的是，我的问题很可能与请求本身无关，因为图像URL已正确加载到<img>标签内，是图像无法加载，而不是URL。

Answer 1

可能很难弄清为什么某些图像有时无法加载。一种策略是检查是否所有图像都已加载。

请参阅：Is it possible to reload a specific image if it did not finish loading after a preset amount of time? 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