如何使用javascript重新加载图像

如何在不需要重新加载页面的情况下，使用javascript重新加载此图像以从服务器获取新图像

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

“/>

---

谢谢

我认为最简单的方法就是更改Javascript中的

src

属性。比如：

YouImageElement.src+=“&rand2”+Math.random（）；

修改

src

属性将导致重新加载图像，并且由于它在客户端设置了另一个随机数，因此不应将其缓存。

这应该可以做到：

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

（当然，有可能1e-7再次获得相同的缓存断路器-时间戳可能是更好的选择）

您的代码

添加了

id=“img1”

---

在url的末尾添加了一个缓存破坏器

你考虑过谷歌搜索

javascript重新加载图像吗

？是的，但是这些示例看起来像是在兑现我的图像。可能我现在需要在javascript中重置rand是的，只是一些替换url参数的东西。在这个简单的例子中，你也可以使用其他字符串函数从末尾删除数字并附加一些新的随机数字。

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

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