javascript - 缓存动态加载的图像

Question

我使用 JavaScript 根据用户交互将一系列图像中的任何一个动态加载到单个 img 标签中:

function reassignImage(newSource)
{
   img.src = newSource;
}

这非常有效，除了当我使用 Chrome 开发者工具检查它时，我发现即使我重新加载已经加载的图像，它也会进行另一个 http 调用并增加总图像大小图。

这似乎是两全其美的情况。我想要:

1. 如果图像是从缓存加载相同。
2. 重新加载每个图像每次，但之后不再增长缓存。

我如何实现这两种情况？

谢谢!亚林

Answer 1

图像的 http 响应中的缓存控制 header 设置为多少？ (Chrome 开发者工具将向您展示)。如果它没有设置为可缓存，它将被重新获取。