如何在jQuery中重新加载/刷新元素（图像）

Question

如何在jQuery中重新加载/刷新元素（图像）

是否可以使用jQuery从服务器重新加载具有相同文件名的图像？

例如，我在页面上有一个图像，但是，物理图像可以根据用户操作而改变。注意，这并不意味着文件名更改，而是实际文件本身。

即：

• 用户在默认页面上查看图像

• 用户上传新图像

• 页面上的默认图像不会更改（我假设这是由于文件名相同，浏览器使用缓存版本）

无论下面的代码被调用的频率如何，同样的问题仍然存在。

$("#myimg").attr("src", "/myimg.jpg");

在jQuery文档中，如果它具有触发事件的默认方法而不是将回调函数绑定到元素的成功/完全加载，那么“load”函数将是完美的。

非常感谢任何帮助。

Answer 1

这可能不是最好的方法，但我过去通过使用JavaScript向图像URL附加时间戳来解决这个问题：$("#myimg").attr("src", "/myimg.jpg?timestamp=" + new Date().getTime());下次加载时，时间戳设置为当前时间且URL不同，因此浏览器对图像执行GET而不是使用缓存版本。