无法使用JS在页面上重新加载自制的验证码

Question

<a href="javascript:void(0);" onclick="document.getElementById("capchaimage").src="captcha.php"><img id="captchaimage" src="http://website.org/captcha.php" border="0" width="70" height="20" alt="Captcha image"></a>

验证码成功加载，但无法使用上述代码重新载入。我做错了什么？

提前致谢。

Answer 1

您的图片已缓存。在图像URL后面的查询字符串中添加一个随机字符串+(new Date).getTime()：

document.getElementById("capchaimage").src="captcha.php?"+ (new Date).getTime();

Answer 2

您正在用完全相同的字符串替换图像src。

您可以尝试使用一些“假”参数来解决这个问题：

http://website.org/captcha.php?fake=234342412341

这样浏览器将被迫重新加载。每次当然（随机或只是反击）

，论证需要不同

Answer 3

仔细查看您的代码：

<a href="javascript:void(0);" onclick="document.getElementById("capchaimage").src="captcha.php"><img id="captchaimage" src="http://website.org/captcha.php" border="0" width="70" height="20" alt="Captcha image"></a>
                                      ^                        ^

我很惊讶您没有收到JavaScript语法错误。我的建议是将代码移动到外部函数，以避免复杂的转义。