Chrome：硬重新加载图像

Question

要硬刷新缓存的图像，我尝试了多种方法： 比如清除localStorage 和sessionStorage。发送Clear-Site-Data 标头也不会从浏览器中清除缓存的图像。

location.reload(true);//现在已弃用 这也无济于事

但不走运，我仍然得到旧图像。

我想实现chrome的“空缓存和硬重载”功能。

我不想让图片 URL 独一无二，因为它是从 50 多个地方引用的。

Answer 1

查看 Cache.delete() Web API

https://developer.mozilla.org/en-US/docs/Web/API/Cache/delete

此示例代码可能会删除所有缓存项。试试看

caches.open('v1').then(function(cache) {
  cache.keys().then(function(keys) {
    keys.forEach(function(request, index, array) {
      cache.delete(request);
    });
  });
})