JS功能更新验证码图像

Question

我不知道为什么但是我重新加载图片的功能在prod上不起作用，但在dev上，它很好。 网址：http://www.gifolio.com/user/register

点击“无法阅读验证码？点击此处！”链接

图像保持不变......但在我的开发中，它更新很好。

有什么想法吗？

Answer 1

在URL中添加cache-buster以防止缓存：

function reloadCaptcha() {
    jQuery('#captcha_img').attr('src', '/user/generate_captcha?cb='+(new Date().getTime()));
}

Answer 2

当您更改图像的src时，浏览器无法获取新图像，因为URL是相同的。要修复，您需要确保该URL是唯一的。在reloadCaptcha函数中，设置将行更改为：

jQuery('#captcha_img').attr('src', '/user/generate_captcha?' + Date.now());

请注意对URL末尾的更改。这样浏览器总是认为它正在获得一个新的图像，它将按预期工作。