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

Question

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

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

但是，alt文本上的图像切换。如果按F5，它会起作用，并重新加载图像。

更新 我按照建议做了尝试：

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

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

Answer 1

试试这个：

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

假设src没有改变，因为你只想刷新当前的一个。这也假设当前没有时间戳在URI中（无和符号集）。

Answer 2

告诉浏览器您要重新加载的方法＆＃34;另一个＆＃34;图像是改变img src属性。我认为您的img名称很简单，例如image.jpg，/path/to/img.png等。（您没有像?get=48这样的内容。）

你可以让浏览器＆＃34;思考＆＃34;如果要显示其他图像，则需要每次都更改图像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的缓存，也不会发送到服务器。请改用问号并传递查询参数。