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

Question

背景

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

问题

当管理员想要更改图片时会出现问题。他只需要点击“浏览”按钮，选择一张新图片，然后按确定。这很好用。

上传图像后，我的后端 CGI 会处理上传并正确地重新加载表单。

问题是显示的图像 没有 得到刷新。旧图像仍然显示，即使数据库保存了正确的图像。我已将其缩小到图像在网络浏览器中缓存的事实。如果管理员在 Firefox/Explorer/Safari 中点击 RELOAD 按钮，一切都会刷新，新图像就会出现。

我的解决方案 - 不工作

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

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

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

但是，这也不起作用。

笔记

上传图像时，其文件名不会保存在数据库中。它被重命名为 Image.jpg （为了在使用时更简单）。用新图像替换现有图像时，名称也不会改变。只是图像文件的内容发生了变化。

网络服务器由托管服务/ISP 提供。它使用阿帕奇。

问题

有没有办法强制网络浏览器不缓存此页面的内容，甚至不缓存图像？

我正在处理使用数据库实际“保存文件名”的选项。这样，如果图片发生变化，IMG 标签的 src 也会发生变化。但是，这需要对整个站点进行大量更改，如果我有更好的解决方案，我宁愿不这样做。此外，如果上传的新图像具有相同的名称（例如对图像进行一些 Photoshop 处理并重新上传），这仍然无效。

原文由 Philibert Perusse 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

Armin Ronacher 的想法是正确的。问题是随机字符串会发生冲突。我会用：

 <img src="picture.jpg?1222259157.415" alt="">

其中“1222259157.415”是服务器上的当前时间。

通过 Javascript 使用 performance.now() 或通过 Python 使用 time.time() 生成时间

原文由 epochwolf 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

简单修复：将随机查询字符串附加到图像：

 <img src="foo.cgi?random=323527528432525.24234" alt="">

HTTP RFC 是怎么说的：

 Cache-Control: no-cache

但这不太管用:)

原文由 Armin Ronacher 发布，翻译遵循 CC BY-SA 2.5 许可协议