php - 使用 jQuery 更改图像 src。（不适用于火狐）

Question

我正在写一个 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 和 Explorer。

谢谢！

score 4 · Accepted Answer

似乎 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());

1 回答 1