html - 直接从服务器加载图像

Question

我有一个网页，其中大部分资产最近都发生了变化。但是当我第一次加载页面时，它会显示旧图像，但是如果我刷新页面，它会加载新图像。

所以请告诉我第一次打开页面时如何直接从服务器加载新图像。

我怀疑这与缓存有关？

Answer 1

<FilesMatch "\.(png|jpg)$">
    FileETag None
    <ifModule mod_headers.c>
        Header unset ETag
        Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"
        Header set Pragma "no-cache"
        Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT"
    </ifModule>
</FilesMatch>

把它放在 .htaccess 文件中。

Answer 2

如果您在图像名称后包含查询字符串，并在每次发布时增加值，这将使浏览器下载新资产。

例如

http://www.example.com/image1.jpg?v=1- 在第一个版本 http://www.example.com/image1.jpg?v=2- 在下一个版本

这也适用于样式表、JS 和其他外部资源。