重新加载的图像未添加到本地缓存 [关闭]答案

【问题标题】：Reloaded images not added to local cache [closed]重新加载的图像未添加到本地缓存 [关闭]
【发布时间】：2012-09-21 19:56:47
【问题描述】：

我的网站上有一些 Javascript，可在单击图像时从服务器重新加载图像。我的网页还使用 Location.Reload 进行了 60 秒的定时刷新。唯一的障碍是通过单击重新加载的图像不会覆盖存储在缓存中的图像，因此单击图像（以获取最新版本）后，定时刷新会将其替换为较旧的缓存版本。我不想每分钟从服务器重新加载整个页面，因为 25 张图像中的大多数都不会改变。如何强制“手动”重新加载的图像进入页面的缓存版本？

【问题讨论】：

您是否尝试在图片网址后的img 标记中的src 中添加?timestamp=123456？浏览器可能会认为，这是另一个图像（因为它有另一个 URL）并加载它。
好吧……我想我明白你的意思了。我明天试试（现在是英国的就寝时间）。
@RaulPinto 开发您的评论作为答案，请:)
我创建了一个合法的答案。请接受。谢谢你:)

标签： javascript image caching reload

【解决方案1】：

浏览器认为，图像是一样的，所以它不会重新加载它。你必须欺骗它从服务器加载它。

尝试使用更改的参数设置图像的 URL，以欺骗浏览器加载它。即

<img src="$url-of-image?timestamp=$timestamp" alt="changing" />

例如：

<img src="http://www.thing.com/animal.jpg?timestamp=123456" alt="changing" />

【讨论】：

谢谢。我想我现在拥有了我需要的东西。