javascript - 检查图像是否从缓存加载

我有任务我有一个服务器调用来获取图像列表。除了其他信息，我还必须添加从缓存或服务器加载的信息。
有没有一种方法可以检查api调用中的 header ？如果它是从缓存中获取的，则我将得到状态码200，但我会从缓存中获取诸如此类的额外信息。如果不是从缓存中获取的，我只会得到状态码200。
图像1用于未从缓存加载的图像
下一个图像是针对那些从缓存加载的图像。
我知道答案已经给出或重复。我已经尝试过该解决方案，但似乎没有用。也是特定于chrome的，我正在寻找更通用的东西，以在所有浏览器中使用。我希望这可以解释为什么我不寻求该解决方案。我在这里询问之前已经搜索过它。
期待得到答复。

最佳答案

您将必须有选择地处理您的负载绑定(bind)。您可以通过测试Image对象的属性complete来验证负载。

例如:

$('.images_to_load').each(function(index, elem)
{
    if (!elem.complete) {
        $(elem).on('load', function(){
            console.log('image loaded from server');
        });
    }
    else {
        console.log('image loaded from cache');
    }
});

如何使用此代码:执行上述代码时，页面上必须有带有images_to_load类的图像标签(无src属性)。添加src属性(URL)后，您将能够确定是否已从缓存加载图像。

关于javascript - 检查图像是否从缓存加载，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33009845/