开发好用到的验证码Kaptcha使用步骤详情

pom:

<dependency>
			<groupId>com.github.penggle</groupId>
			<artifactId>kaptcha</artifactId>
			<version>2.3.2</version>
</dependency>

在web.xml配置该jar:

我在这里提供一个模板,可以自己根据键名来自己配置格式。

<servlet>
        <servlet-name>Kaptcha</servlet-name>
        <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>
        <init-param>  
            <param-name>kaptcha.border</param-name>  
            <param-value>no</param-value>  
        </init-param>  
        <init-param>  
            <param-name>kaptcha.border.color</param-name>  
            <param-value>105,179,90</param-value>  
        </init-param>       
        <init-param>  
            <param-name>kaptcha.textproducer.font.color</param-name>  
            <param-value>red</param-value>  
        </init-param>  
        <init-param>  
            <param-name>kaptcha.obscurificator.impl</param-name>  
            <param-value>com.google.code.kaptcha.impl.FishEyeGimpy</param-value>  
        </init-param>
        <init-param>  
            <param-name>kaptcha.image.width</param-name>  
            <param-value>150</param-value>  
        </init-param>  
        <init-param>  
            <param-name>kaptcha.image.height</param-name>  
            <param-value>90</param-value>  
        </init-param>  
        <init-param>  
            <param-name>kaptcha.textproducer.font.size</param-name>  
            <param-value>70</param-value>  
        </init-param>  
        <init-param>  
            <param-name>kaptcha.textproducer.char.length</param-name>  
            <param-value>4</param-value>  
        </init-param>  
        <init-param>
            <param-name>kaptcha.textproducer.font.names</param-name>  
            <param-value>宋体,楷体,微软雅黑</param-value>  
        </init-param>
</servlet>
<servlet-mapping>
        <servlet-name>Kaptcha</servlet-name>
        <url-pattern>/kaptcha</url-pattern>
</servlet-mapping>

在页面验证码的引用和js代码放一块了 方便阅读:

 <div class="item-inner">
              <div class="item-title label">验证码</div>
              <input type="text" id="j_captcha" placeholder="请输入验证码"/>
              <div class="item-input">
                <img id="captcha_img" alt="点击更换" title="点击跟换"  
                onclick="changeVerifyCode(this)" src="../kaptcha"
                />
              </div>
  </div>



function changeVerifyCode(img){
	img.src="../kaptcha?"+Math.random();
}

需要注意的是: 在<img onclilck="changeVerifyCode(this)" src="../kaptcha" />

看完我的结构 就会明白了,src=“../kaptcha”就可以引用到了 我们web.xml配置的kaptcha

点击一下img图片,为了清除缓冲,后面加上随机数。

这样大致就配置好了。

那么我们真实的验证码怎么获得?

String realVerifyCode = (String) request.getSession().getAttribute(com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY);

猜你喜欢

转载自blog.csdn.net/Demo1109/article/details/88885631