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

Question

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

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

但是，图像会切换到替代文本。 如果按F5键，它将起作用，并且重新加载图像。

更新我想您的建议去做：

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

但是它仍然不起作用，请在替代文字上切换图片。

Answer 1

尝试这个：

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

假设src不变，因为您只想刷新当前的一组。 这还假定URI中当前没有时间戳记（没有和符号集）。

Answer 2

一种告诉浏览器您想重新加载“另一个”图像的方法是更改​​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存储在一个变量中，以免获得这样的网址path/to/img.png?123?456?789 。 （ 这没错，但看起来很奇怪）

Answer 3

在您的代码示例中：

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

＃纯粹是客户端的事情，它不参与基于url的缓存，也不会发送到服务器。 改用问号并传递查询参数。