重新加载的图像未添加到本地缓存

时间:2012-09-30 21:30:39

标签: javascript image caching reload

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

1 个答案:

答案 0 :(得分:1)

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

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

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

例如:

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