html - 禁用某些图像的缓存

标签 html image caching

我使用 PHP 库生成一些图像。

有时浏览器不会加载新生成的文件。

如何仅对我动态创建的图像禁用缓存?

注意:随着时间的推移,我必须为创建的图像使用相同的名称。

最佳答案

解决此问题的一个常见且简单的解决方案(感觉像是 hack 但相当便携)是为动态图像的每个请求添加一个随机生成的查询字符串。

所以,例如 -

<img src="image.png" />

会变成

<img src="image.png?dummy=8484744" />

或者

<img src="image.png?dummy=371662" />

从网络服务器的角度来看,访问了相同的文件,但从浏览器的角度来看,无法执行任何缓存。

随机数的生成既可以在服务页面时发生在服务器上(只要确保页面本身没有被缓存...),也可以发生在客户端(使用 JavaScript)。

您需要验证您的网络服务器是否可以应对此技巧。

关于html - 禁用某些图像的缓存,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/728616/

相关文章:

html - 后退按钮上的 iOS Safari 缓存

javascript - 调整输入复选框的填充并与按钮垂直对齐

html - 为什么 height 100% 不能将 div 完全扩展到页面底部?

C - 解析任意图像文件

linux - ImageMagick:如何在调整大量图像文件大小时实现低内存使用?

jquery - 如何在 React 中缓存 jQuery ajax 结果?

html - 如何计算 Less 的色差百分比

html - HTML 是否将解析的 CSS 结果作为内联样式包含在内?

没有第 3 方库的 C++ 图像处理教程

postgresql 对每个表的第一个查询很慢