防止图像被缓存在浏览器中答案

【问题标题】：Preventing Images being cached in the browser防止图像被缓存在浏览器中
【发布时间】：2011-07-21 21:17:00
【问题描述】：

我有一个“浏览图片”的功能，其中有缩略图，当用户点击它时，它会展开。

现在，这两个图像都存储在不同大小的单独虚拟目录中，较大的是 200*200 像素。

当我点击放大时，它仍然只显示较小的图像，而不是 200*200 的图像。

【问题讨论】：

你能提供更多关于这个和一些代码示例的细节吗？ :)
我不清楚您为什么会遇到问题。如果图像具有不同的名称或路径，浏览器应该能够区分它们没有问题。您是否即时生成图像并为两者或某些提供相同的 URL？我的意思是，如果你有一个图像“thumbnail/sally.jpg”和“fullsize/sally.jpg”，浏览器应该会自动将它们识别为两个不同的图像，缓存应该不是问题。

【解决方案1】：

你可以给图片的href添加一个随机的URL参数，这样渲染出来的HTML看起来像

<img src="http://static.example.com/some/large/image.jpg?234234652346"/>

而不是

<img src="http://static.example.com/some/large/image.jpg"/>

【讨论】：

【解决方案2】：

听起来你不想阻止它们被缓存，但你想给它们不同的 URL。

如果它们确实有不同的 URL，那么这不是缓存问题。

为防止缓存，您在提供图像时使用cache-control:no-cache HTTP 响应标头。（您使用的是 Apache 吗？）

但如果你真的阻止缓存，你的数据传输将高于它需要的数量，每次他们访问你的画廊时，他们都会获取你的图像。

【讨论】：