javascript - 页面加载后使用 Ajax 重新检查图像 src

Question

我有一个图像，该图像将在页面加载后通过服务器更新。图像 src 已设置并将显示图像，相同的图像路径将在初始请求后被覆盖，我几乎需要重新请求图像来检查图像更改。

看看 .load 函数，这似乎是最好的前进方式，但我无法使用下面的功能，这并没有什么帮助。在本例中，图像的 ID 为 image_id。该图像的路径是绝对路径。

$( "#image_id" ).load( "ajax", function() {
  alert( "reloaded image" );
});

谢谢!

Answer 1

您应该为两个图像使用两个不同的路径。

您将与浏览器和您使用的任何 CDN 中的缓存作斗争。即使您要销毁节点并插入新节点，也可以显示旧图像。

更重要的是，你的形象是不可预测的。如果 user1 触发图像替换，然后 user2 访问该页面，他们将看到当时该路径上恰好出现的任何图像。