如何使用相同的URL在页面上重新加载图像

How to reload image on page, with same URL?

本文关键字：新加载 加载 图像 何使用 URL      更新时间：2024-02-07

我需要在页面上重新加载图像。我尝试这个：

 $("#ill2d").attr("src", decision.Illustration + "#" + new Date().getTime());

但是，图像切换为alt文本。如果我按F5键，它就会工作，并且图像会被重新加载。

更新我试着按照建议去做：

$("#ill2d").attr("src", decision.Illustration + "?time=" + new Date().getTime());

但它仍然不起作用，在alt文本上切换图像。

试试这个：

$("#ill2d").attr("src", $("#ill2d").attr("src") + "?" + (+new Date()));

假设src没有更改，因为您只想刷新当前的一个集。这也意味着URI中当前没有时间戳（没有和符号集）。

告诉浏览器要重新加载"另一个"图像的方法是更改img src属性。我想你的img名称很简单，比如image.jpg、/path/to/img.png等等（你没有?get=48之类的东西）。

你可以让浏览器"认为"你想要另一个图像被显示，你需要每次更改图像的url。

var img_src = 'path/to/image.png';
$('#ill2d').attr('src', img_src + '?rand=' + Math.random());

我们将原始图像src存储在一个变量中，以避免获得这样的url-path/to/img.png?123?456?789。（这没有错，但看起来很奇怪）

在您的代码示例中：

 $("#ill2d").attr("src", decision.Illustration + "#" + new Date().getTime());

#纯粹是客户端的东西，它不涉及基于url的缓存，也不发送到服务器。请改用问号并传递查询参数。

相关文章：