使用 jQuery 更改图像源.(在火狐浏览器上不起作用)


Changing image src with jQuery. (Doesn't work on Firefox)

我正在写一个Ajax联系表格。我也写了自己的验证码。但是我在刷新图像时遇到问题。我是这样写的:

重新加载验证码:

<code>$("#captchaSection").load("captcha_p.php");</code>

和captcha_p.php文件:

<code>< img src="captcha.php" name="imgCaptcha" /></code>

我已经在验证码中添加了以下行.php:

header("Cache-Control: no-cache, no-store, must-revalidate");
header('Content-type: image/png');
imagepng($im);
imagedestroy($im);

它在Google Chrome和Safari上完美运行。但不适用于 Firefox 和 Explorer。

谢谢!

似乎Firefox和IE正在缓存图像。为防止出现这种情况,请在 URL 和图像源后附加时间戳:

在Javascript中,您可以使用new 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());