Java验证码 patchca使用配置方法

1.    自行编写Servlet，用于配置得到生成验证码图片访问地址：

以上为自定义生成验证码图片的Servlet(内部将验证码加入到session中,key值为” validationCode”,类型为String类型)。内部有生成验证码的位数控制和验证码图片大小等设置方法。下面在web.xml中配置Servlet即可通过URL地址访问得到生成的验证码图片(注：也可以通过注解的方式配置ServletURL访问路径)。

2.    下面说明以上Servlet在web.xml中的配置方法：

<servlet>

   <servlet-name>validationCode</servlet-name>

   <servlet-class>com.ninemax.cul.servlet.ValidationCodeServlet</servlet-class>

  </servlet>

 

  <servlet-mapping>

   <servlet-name>validationCode</servlet-name>

   <url-pattern>/validationCodeServlet.png</url-pattern>

        </servlet-mapping>

3、通过以上配置即可通过http://hostname:[port]/webappName/ validationCodeServlet.png

地址访问新生成图片。

4、下面介绍在页面中刷新验证码图片的方法

实际上，每访问一次上面的地址，即可生成新的验证码图片(session中值同步刷新)。

在JS中刷新验证码图片的方法为在http://hostname:[port]/webappName/validationCodeServlet.png地址后面加上”?+随机数“的方式刷新页面。

比如说页面中<img id=’validationCode’ src=’ http://hostname:[port]/webappName/validationCodeServlet.png’/>

在函数中通过以下js代码即可完成刷新图片的操作:

Document.getElementById(‘validationCode’).src=’http://hostname:[port]/webappName/ validationCodeServlet.png?randomNum’

按照这个思路即可完成刷新图片的操作;

5、下面给出一个刷新验证码图片的Demo：

页面中的元素：

<inputname="validateNumber" type="text"/>

<imgid='validationCode' alt="点击图片刷新"src="<%=basePath%>validationCodeServlet.png" >

<ahref='#' onclick='refreshCode()'>换一张</a>

对应的JS方法为：

function refreshCode(){

    var imgObj = document.getElementById("validationCode");

    var index = imgObj.src.indexOf("?");

    if(index != -1) { 

        varurl =imgObj.src.substring(0,index + 1); 

        imgObj.src = url + Math.random(); 

    } else{ 

        imgObj.src =imgObj.src + "?" + Math.random(); 

    }

}