jCaptcha -仅刷新图像而不是整个页面

Question

我在我们的网站上使用jCaptcha (http://jcaptcha.sourceforge.net/)。问题是有时读取图像非常困难。因此，我们计划在jcaptcha图像旁边提供一个名为“刷新”的按钮，在单击“刷新”按钮时，它必须只刷新jcaptcha图像，而不是整个页面/portlet。我们如何做到这一点？

Answer 1

这就是我用JQuery解决这个问题的方法，它将替换图像。alert()只是用来显示新的文件名，当然也可以删除。代码使用的是grails中的jquery插件，但显示了如何在jquery中刷新图像。

<div>
<jcaptcha:jpeg name="captchaImage"/>

<a href="#" id="refreshCaptcha">Refresh captcha</a>
<jq:jquery>
   $("#refreshCaptcha").click(function() {
      $("#captchaImage").fadeOut(500, function() {
         var captchaURL = $("#captchaImage").attr("src");
         captchaURL = captchaURL.replace(captchaURL.substring(captchaURL.indexOf("=")+1, captchaURL.length), Math.floor(Math.random()*9999999999));
         alert(captchaURL);
         $("#captchaImage").attr("src", captchaURL);
      });
      $("#captchaImage").fadeIn(300);
});
</jq:jquery>
</div>

Answer 2

在JSP中进行以下更改：

<img src="jcaptcha" id="captcha_image"/> <a href="#" onclick="reloadCaptcha()" alt="reload"width="40" height="40">Refresh</a> 

添加Javascript函数，如下所示：

function reloadCaptcha(){
        var d = new Date();
        $("#captcha_image").attr("src", "jcaptcha?"+d.getTime());
    }

Answer 3

您必须将图像和刷新按钮加载到中。那么您应该能够仅刷新iframe。但是我不知道你是如何进行验证的。