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

标签 javascript html ajax image

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

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

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

谢谢!

最佳答案

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

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

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

关于javascript - 页面加载后使用 Ajax 重新检查图像 src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48633431/

相关文章:

javascript - html5多人游戏建议

javascript - 使 Rails 变量保持最新以供客户端使用

javascript - 定义自定义 Javascript 函数的回调

javascript - 如何停止此页面上的jquery和prototype之间的冲突

php - jquery post ajax 调用 session 不起作用

javascript - 在文本字段后插入节点(表单)

jquery - 检索特定 div 的输入

javascript - 无法使用 Angular 2 CLI 构建获取

javascript - 在不重新加载页面的情况下更新页面数据的正确过程

javascript - 如何在 Firefox 57.x 控制台中调查 reponseText/长文本?