javascript - 图像数据的变化未反射(reflect)在 ModelView 中

Question

我必须在其中创建一个简单的图像编辑器来执行翻转、翻转、添加边框等操作。我正在使用 jsp servlet。每当执行操作时，POST ajax 请求都会发送到服务器，其中包含数据-图像服务器相对路径和操作名称。我正在使用 ImageMagick 执行操作 - 质量问题。一旦更改完成(直到那时使用 ajaxloader)响应被发送回 View 。一切正常，直到用户在一个操作完成后立即单击该操作。旧图像 - 与先前的图像编辑操作再次显示并在一段时间后反射(reflect)更改。我用谷歌搜索并得出结论，这是由于缓存。我尝试了所有可能的事情 -

1. 在图片的服务器相对路径中附加了时间戳

   http://172.16.3.72:8080/~user/dataDir/workspace/2/tempData/ResizeImage.jpeg?random=1381852940376

2. 在 ajax 的 url 上附加了时间戳

   http://172.16.3.72:8080/cdl/captureImage.htm?pageNumber=2&isbn=AndItWorksFinally2?random=.332223223

3. 使用的缓存:jquery 中的 false

4. 使用 header 来禁用缓存

   response.setHeader("Cache-Control", "no-cache, no-store, must-revalidate");response.setHeader("Pragma", "no-cache");response.setDateHeader("Expires", -1);

但是所有这些都没有帮助。还有其他问题而不是缓存问题吗？想知道当我们在查看图片时单击下一步按钮时，facebook 如何如此快地从服务器加载图像(没有重复)。

Answer 1

response.setHeader("Cache-Control", "no-cache, no-store, must-revalidate");response.setHeader("Pragma", "no-cache");response.setDateHeader("Expires", -1);

而不是从 jquery 中使用它，而是尝试在请求的页面本身上传递 header 。

并尝试在请求的页面上使用唯一的图像名称。通常浏览器会显示缓存中先前呈现的图像。