如何强制web浏览器不缓存图像

Question

如何强制web浏览器不缓存图像

背景

我正在为两个公益网站编写和使用一个非常简单的基于CGI(Perl)的内容管理工具。它为网站管理员提供了HTML表单，用于填入字段(日期、地点、标题、描述、链接等)的事件。保存它。在该表单上，我允许管理员上传与事件相关的图像。在显示表单的HTML页面上，我还显示了上传图片的预览(HTMLIMG标记)。

问题

当管理员想要更改图片时，问题就会发生。他只需点击“浏览”按钮，选择一张新图片，然后按OK键即可。这个很好用。

一旦图像被上传，我的后端CGI就会正确地处理上传和重新加载表单。

问题是所显示的图像不振作起来。旧图像仍然显示，即使数据库持有正确的图像。我缩小了范围，因为图像被缓存在Web浏览器中。如果管理员点击Firefox/Explorer/Safari中的“重新加载”按钮，一切都会恢复正常，新图像就会出现。

我的解决方案-不管用

我试图通过编写一个HTTP过期指令来控制缓存，该指令的日期在很久以前。

Expires: Mon, 15 Sep 2003 1:00:00 GMT

请记住，我是在管理方面，我并不关心页面是否需要更长的时间来加载，因为它们总是过期的。

但是，这也不起作用。

注记

上传图像时，其文件名不保存在数据库中。它被重命名为Image.jpg(简单地说，当使用它时)。当用新映像替换现有图像时，名称也不会更改。只更改图像文件的内容。

Web服务器由主机服务/ISP提供。它使用Apache。

问题

有没有办法迫使网页浏览器不要缓存这个页面上的东西，甚至是图像？

我正在处理的选项实际上是“保存文件名”与数据库。这样，如果图像被更改，IMG标记的src也会改变。然而，这需要在整个网站上做很多改变，如果我有一个更好的解决方案，我宁愿不去做。此外，如果上传的新图像具有相同的名称(假设图像是经过了一点光刻并重新上传)，这仍然不能工作。

Answer 1

问题是随机字符串会发生碰撞。我会用：<img&nbsp;src="picture.jpg?1222259157.415"&nbsp;alt="">其中“1222259157.415”是服务器上的当前时间。使用Javascript生成时间performance.now()或由Python与time.time()

Answer 2

简单修复：将随机查询字符串附加到图像：<img&nbsp;src="foo.cgi?random=323527528432525.24234"&nbsp;alt="">HTTP RFC是怎么说的：Cache-Control:&nbsp;no-cache但这并不是很好：)

Answer 3

我会用：<img&nbsp;src="picture.jpg?20130910043254">其中“20130910043254”是文件的修改时间。上传图像时，其文件名不保存在数据库中。它被重命名为Image.jpg(简单地说，在使用它的时候)。当用新映像替换现有图像时，名称也不会更改。只更改图像文件的内容。我认为有两种简单的解决方案：1)首先想到的那些(简单的解决方案，因为它们很容易想出)；2)那些你经过深思熟虑后得到的解决方案(因为它们很容易使用)。显然，如果你选择重新考虑事情，你就不会总是受益。但我认为，第二种选择被低估了。想想为什么php是如此受欢迎；)