如何在没有浏览器缓存的情况下动态刷新同一 URL 的图像？

如何在同一 URL 动态刷新图像

您遇到通过链接访问网站上的图像并刷新的问题每次访问链接时都会显示一个新图像。但是，当您在后台加载图像并尝试在页面上更新它时，即使它在页面重新加载时刷新，它仍然保持不变。

问题在于浏览器缓存。默认情况下，浏览器会缓存图像以缩短加载时间。因此，当您尝试更新图像时，浏览器只会显示缓存版本，而不是获取新图像。

解决方案：使用 Cachebreakers

强制浏览器要下载最新的图像，您可以将缓存破坏器添加到图像 URL。这通常是通过附加当前时间戳来完成的，确保浏览器将请求视为唯一的 URL。

在您的 JavaScript 代码中：

newImage.src = "http://localhost/image.jpg?" + new Date().getTime();

通过添加此缓存破坏程序，您可以强制浏览器直接从服务器检索图像，有效绕过缓存。这可以确保页面上始终显示最新版本的图像。

以上是如何在没有浏览器缓存的情况下动态刷新同一 URL 的图像？的详细内容。更多信息请关注PHP中文网其他相关文章！