浏览器处理图像



我在浏览器正确显示图像时遇到了一些问题。除 Chrome 外,大多数浏览器都会受到影响。

这里的问题似乎是图像的缓存问题。我不太确定是不是这样,所以我会告诉你们我做了什么。

我的页面允许用户上传他们的照片。因此,这些上传的照片将保存到一个文件夹中。然后,用户将使用裁剪工具根据自己的喜好裁剪图像,并再次将它们保存回同一文件夹。如果他们选择使用相同的名称,图像将被覆盖。

问题来了。在 Chrome 中,浏览器将显示新裁剪的图像,但不会显示其他浏览器。如果图像已重命名,则也不会发生这种情况。有没有办法解决这个问题?

尝试在文件名末尾添加新的 guid,作为image.jpg?id=asdf

每次保存时更改文件名。您确实需要缓存,但您不希望它在错误的时间发生。添加随机数将阻止浏览器缓存图像,阻止 http.sys 级别缓存,并阻止您实现的任何边缘缓存工作。

最新更新