浏览器处理图片

Question

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

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

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

问题来了。在 Chrome 中，浏览器将显示新裁剪的图像，但不会显示其他浏览器。如果图像被重命名，那么这也不会发生。有没有办法解决这个问题？

Answer 1

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

Answer 2

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