如何使用javascript重新加载图像

Question

如何使用javascript重新加载此图像以从服务器获取新图像，而无需重新加载页面？

<img src="?option=com_fcse&task=getimage&width=100&height=40&characters=5&r=<?php echo mt_rand(0, 10000000); ?>" />

谢谢

Answer 1

这应该这样做：

thatImgObj.src = thatImgObj.src.replace(/&r=\d+/, "&r="+ ~~(Math.random()*1e7));

_{（当然，有可能1e-7再次获得相同的缓存破解程序 - 时间戳可能是更好的选择）}

Answer 2

我认为最简单的方法是更改​​Javascript中的src属性。就像：YouImageElement.src += "&rand2"+Math.random();

修改src属性会导致重新加载图像，并且因为它有另一个随机数设置客户端，所以不应该缓存它。

Answer 3

您的代码

添加了id="img1"

<img id="img1" src="?option=com_fcse&task=getimage&width=100&height=40&characters=5&r=<?php echo mt_rand(0, 10000000); ?>" />

JS代码：

var newImage = new Image();
newImage.src = document.getElementById("img1").src + "&_=" + new Date().getTime();

在网址末尾添加了一个缓存破解程序