javascript - IE - 上传新图像时，显示旧图像

Question

我正在使用 localStorage 来存储图像路径。我有一个页面，其中 New Image 由用户上传。我正在重置 localStorage，以便在回发完成时应用新图像。

在 Chrome, Firefox 中它运行良好但在 IE 中看到相同的旧图像。

当我清除 IE 中的浏览器缓存时，它会显示新图像。

如何在 IE 浏览器中解决这个问题？

我知道附加到图像的 querystring 技巧，但我不能在我的代码中使用它，还有其他方法吗？

Answer 1

尝试在图像 URL 的末尾添加缓存断路器，

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

这会将时间戳添加到 image.jpg 请求中，这将使浏览器再次从您的服务器查找图像，而不是检索存储在浏览器缓存中的图像。

或者为了更好的方式，您可以使用 Cache-control: no-cache HTTP header 来提供图像。

Pragma: no-cache
Expires: Fri, 30 Oct 1998 14:19:41 GMT
Cache-Control: no-cache, must-revalidate

通过提供过去的日期，它不会被浏览器缓存。