使用jQuery加载图片，如何停止缓存

Question

我正在使用 jQuery 在网页上动态加载图像。每次用户点击页面上的“提交”时，都会生成一个新图像。问题是，除非我在图像 URL 末尾附加一个随机数，否则由于缓存会返回相同的图像。

我的代码看起来像这样...

img.attr('src', url + resp.id + '.png?' + cache);

我想摆脱最后的缓存字符串并仍然提供新的图像，有人知道如何做到这一点吗？我不认为这是 HTTP 服务器端的问题（使用 nginx），因为即使没有缓存破坏器，直接请求也会显示正确的图像。

Answer 1

这是规避此问题的最简单方法，因为它是设计使然的。

正常的做法是将时间附加到字符串中

var d = new Date();
var cache = d.getTime(); 

// getTime() Returns the number of milliseconds since midnight Jan 1, 1970