我正在写一个Ajax联系表格。我也写了我自己的验证码。但是我有刷新图像的问题。我这样写:
重新加载验证码:
<code>$("#captchaSection").load("captcha_p.php");</code>
和captcha_p.php文件:
<code>< img src="captcha.php" name="imgCaptcha" /></code>
并且我已将以下行添加到capcha.php中:
header("Cache-Control: no-cache, no-store, must-revalidate"); header('Content-type: image/png'); imagepng($im); imagedestroy($im);
它在Google Chrome和Safari上完美运行。但不适用于Firefox和资源管理器。
谢谢!
看来Firefox和IE正在缓存图像。为防止这种情况,请将时间戳记附加到URL和图像源:
在Javascript中,您可以使用new Date().getTime():
new Date().getTime()
$("#captchaSection").load("captcha_p.php?" + new Date().getTime());
在PHP中,您可以使用microtime():
microtime()
< img src="captcha.php?<?php echo microtime(); ?>" name="imgCaptcha" />
我看不到使用.load()加载包含图像的HTML的任何好处。仅更改src图像的属性会更容易,例如:
.load()
src
// refresh captcha $('img[name=imgCaptcha]').prop('src', 'captcha.php?' + new Date().getTime());