浏览器会缓存图片吗？

Question

我有一个带有一些 Javascript 的 PHP 页面，它在固定的时间间隔（5 秒）后更改 IMG 标签上的 SRC 属性。我循环浏览的图像数量是固定的。PHP 为所有图像 URL 构建一个字符串数组。图像很小，大多数小于 10k。

如何判断浏览器是否正在缓存图像，如果不是，我必须做些什么来确保浏览器确实缓存了它们？

Answer 1

是的，浏览器会缓存它们，即使你的标头另有说明也是如此。我发现最好的组合是发出必要的 Cache-Control 标头，同时将随机字符串附加到源 URL。

例如，设置最大年龄（以秒为单位）：

header("Cache-Control: max-age=3600");

然后将随机字符串附加到您的 img 源中。这需要使用 Javascript，而不是 PHP，因为一旦你的 URL 在 PHP 中生成，它们就不会使用新的随机字符串不断更新：

var randomString = "" + new Date().getTime();
var imageUrl = yourImageArray[someIndex] + "?" + randomString;

希望你能明白。