javascript - FileContentResult - 防止浏览器缓存图像

Question

我正在从对操作方法的调用中返回图像 (png)，我想停止浏览器缓存图像。

return File(reply, "image/png", "{0}_Graph".FormatWith(ciName));

我已经尝试了所有常见的方法，将一组不同的 header 附加到文件输出响应，但似乎没有一个对我有用。

基本上，我的操作方法会返回一个在服务器上生成的图表，并且可能会随时不同。我在客户端使用 Javascripts Image 对象并将其 src 设置为我的操作方法。

var image = new Image();
image.src = baseUrl + params;

每次请求相同的 URL 时，服务器都不会被命中。

我可以将一个随机数等附加到查询字符串，但我想知道是否有更好的方法。

Answer 1

您可以设置适当的 HTTP header 以防止缓存(我不知道如何在 ASP.NET 中执行此操作，但我想它会像 HTTP.Response.setHeader("foo", "bar"):

"Pragma-directive: no-cache"
"Cache-directive: no-cache"
"Cache-control: no-cache"
"Pragma: no-cache"
"Expires: 0"

如果您不喜欢随机数解决方案，则使用当前时间戳:

image.src = baseUrl + params + '&t=' + new Date().getTime();