我使用 JavaScript 根据用户交互将一系列图像中的任何一个动态加载到单个 img 标签中:
function reassignImage(newSource)
{
img.src = newSource;
}
这非常有效,除了当我使用 Chrome 开发者工具检查它时, 我发现即使我重新加载已经加载的图像,它也会进行另一个 http 调用并增加总图像大小图。
这似乎是两全其美的情况。我想要:
- 如果图像是从缓存加载 相同。
- 重新加载每个图像 每次,但之后不再增长 缓存。
我如何实现这两种情况?
谢谢!亚林
最佳答案
图像的 http 响应中的缓存控制 header 设置为多少? (Chrome 开发者工具将向您展示)。如果它没有设置为可缓存,它将被重新获取。
关于javascript - 缓存动态加载的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3712234/