php – 使用jQuery更改图像src. (在Firefox上不起作用)

我正在写一个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中,您可以使用新的Date().getTime()：

$("#captchaSection").load("captcha_p.PHP?" + new Date().getTime());

在PHP中,您可以使用microtime()：

< img src="captcha.PHP?<?PHP echo microtime(); ?>" name="imgCaptcha" />

我没有看到使用.load()加载包含图像的HTML的任何好处.更改图像的src属性会更容易,例如：

// refresh captcha
$('img[name=imgCaptcha]').prop('src', 'captcha.PHP?' + new Date().getTime());