使用kaptcha可以方便的配置：

· 验证码的字体

· 验证码字体的大小

· 验证码字体的字体颜色

· 验证码内容的范围(数字，字母，中文汉字！)

· 验证码图片的大小，边框，边框粗细，边框颜色

· 验证码的干扰线(可以自己继承com.google.code.kaptcha.NoiseProducer写一个自定义的干扰线)

· 验证码的样式(鱼眼样式、3D、普通模糊……当然也可以继承com.google.code.kaptcha.GimpyEngine自定义样式)

……

详细信息请看下面的web.xml文件

下面介绍一下用法:

1.首先去官网下载jar:http://code.google.com/p/kaptcha/

2.建立一个web项目，导入kaptcha-2.3.jar到环境变量中。

3.配置web.xml文件

<!-- Kaptcha验证码配置 -->

  <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>250</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>

          <!-- String kaptchaExpected = (String) session.getAttribute(com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY);

                     必须改成

                    String kaptchaExpected = (String) session.getAttribute("code"); -->

            <param-name>kaptcha.session.key</param-name>

            <param-value>code</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>

4. jsp 页面使用

<form class="m-t" role="form"  id="loginform" method="post" action="">

                <div class="form-group"><input class="form-control"  name="userAccount" placeholder="用户名" required=""></div>

                <div class="form-group"><input type="password" class="form-control"   name="userPwd"  placeholder="密码" required=""></div>

                <input type="text" class="form-control login-yan-w" id="kaptcha" name="kaptcha" placeholder="验证码">

                 <span class="login-w"><img id="kaptchaImage" src="kaptcha"></span>

                <input type="button"  class="btn btn-primary block full-width m-b" onclick="login()"  value="登 录">

            </form>

function login(){

        $.ajax({

            cache: true,

            type: "POST",

            url:'${pageContext.request.contextPath}/login',

            data:$('#loginform').serialize(),

            dataType:'json',

            success: function(data) {

                if(data.status==200){

                    url="<%=request.getContextPath()%>/index.jsp";

                    window.location.href=url;

                }else{

                    alert(data.msg)

                }

            },

            error: function(){

                alert("请检查用户账户或密码");

            }

        });

        }

5. 如果想设置点击图片更换验证码，可以加上如下js

<script type="text/javascript">

    //点击图片验证码进行更新

    $(function(){

        $('#kaptchaImage').click(function () { $(this).attr('src', 'kaptcha?' + Math.floor(Math.random()*100) ); })

    });

</script>

5. KaptchaServlet会把验证码设置到session中，在Controller可以如下方式获取

@RequestMapping("/login")

@ResponseBody

public CRMResult  login(HttpServletRequest request ,HttpSession session) {

    String kaptcha = request.getParameter("kaptcha");

    String kaptchaExpected = (String) session.getAttribute("code");

    System.out.println(kaptcha +"......"+kaptchaExpected);

    if (!kaptcha.equalsIgnoreCase(kaptchaExpected)) {

        return CRMResult.build(201, "验证码填写错误");

    }

    return CRMResult.ok();

}

上面的配置在普通jsp环境下面是有效的，如果在spring mvc环境下，则取不到session值，对于sping mvc环境验证码配置如下：

不用在web.xml进行相关配置，在springmvc.xml中配置

<bean id="captchaProducer" class="com.google.code.kaptcha.impl.DefaultKaptcha">  

        <property name="config">  

            <bean class="com.google.code.kaptcha.util.Config">  

                <constructor-arg>  

                    <props>  

                        <prop key="kaptcha.border">no</prop>  

                        <prop key="kaptcha.border.color">105,179,90</prop>  

                        <prop key="kaptcha.textproducer.font.color">red</prop>  

                        <prop key="kaptcha.image.width">250</prop>  

                        <prop key="kaptcha.textproducer.font.size">90</prop>  

                        <prop key="kaptcha.image.height">90</prop>  

                        <prop key="kaptcha.session.key">code</prop>  

                        <prop key="kaptcha.textproducer.char.length">4</prop>  

                        <prop key="kaptcha.textproducer.font.names">宋体,楷体,微软雅黑</prop>  

                    </props>  

                </constructor-arg>  

            </bean>  

        </property>  

    </bean>  

使用kaptcha可以方便的配置：

· 验证码的字体

· 验证码字体的大小

· 验证码字体的字体颜色

· 验证码内容的范围(数字，字母，中文汉字！)

· 验证码图片的大小，边框，边框粗细，边框颜色

· 验证码的干扰线(可以自己继承com.google.code.kaptcha.NoiseProducer写一个自定义的干扰线)

· 验证码的样式(鱼眼样式、3D、普通模糊……当然也可以继承com.google.code.kaptcha.GimpyEngine自定义样式)

……

详细信息请看下面的web.xml文件

下面介绍一下用法:

1.首先去官网下载jar:http://code.google.com/p/kaptcha/

2.建立一个web项目，导入kaptcha-2.3.jar到环境变量中。

3.配置web.xml文件

<!-- Kaptcha验证码配置 -->

<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>250</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>

<!-- String kaptchaExpected = (String) session.getAttribute(com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY);

必须改成

String kaptchaExpected = (String) session.getAttribute("code"); -->

<param-name>kaptcha.session.key</param-name>

<param-value>code</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>

4. jsp 页面使用

<form class="m-t" role="form"  id="loginform" method="post" action="">

<div class="form-group"><input class="form-control"  name="userAccount" placeholder="用户名" required=""></div>

<div class="form-group"><input type="password" class="form-control"   name="userPwd"  placeholder="密码" required=""></div>

<input type="text" class="form-control login-yan-w" id="kaptcha" name="kaptcha" placeholder="验证码">

<span class="login-w"><img id="kaptchaImage" src="kaptcha"></span>

<input type="button"  class="btn btn-primary block full-width m-b" onclick="login()"  value="登 录">

</form>

function login(){

$.ajax({

cache: true,

type: "POST",

url:'${pageContext.request.contextPath}/login',

data:$('#loginform').serialize(),

dataType:'json',

success: function(data) {

if(data.status==200){

url="<%=request.getContextPath()%>/index.jsp";

window.location.href=url;

}else{

alert(data.msg)

}

},

error: function(){

alert("请检查用户账户或密码");

}

});

}

5. 如果想设置点击图片更换验证码，可以加上如下js

<script type="text/javascript">

    //点击图片验证码进行更新

    $(function(){

        $('#kaptchaImage').click(function () { $(this).attr('src', 'kaptcha?' + Math.floor(Math.random()*100) ); })

    });

</script>

5. KaptchaServlet会把验证码设置到session中，在Controller可以如下方式获取

@RequestMapping("/login")

@ResponseBody

public CRMResult  login(HttpServletRequest request ,HttpSession session) {

String kaptcha = request.getParameter("kaptcha");

String kaptchaExpected = (String) session.getAttribute("code");

System.out.println(kaptcha +"......"+kaptchaExpected);

if (!kaptcha.equalsIgnoreCase(kaptchaExpected)) {

return CRMResult.build(201, "验证码填写错误");

}

return CRMResult.ok();

}

以上已亲测成功

上面的配置在普通jsp环境下面是有效的，如果在spring mvc环境下，则取不到session值，对于sping mvc环境验证码配置如下：

１.不用在web.xml进行相关配置，在springmvc.xml中配置

Java代码  

<bean id="captchaProducer" class="com.google.code.kaptcha.impl.DefaultKaptcha">

<property name="config">

<bean class="com.google.code.kaptcha.util.Config">

<constructor-arg>

<props>

<prop key="kaptcha.border">no</prop>

<prop key="kaptcha.border.color">105,179,90</prop>

<prop key="kaptcha.textproducer.font.color">red</prop>

<prop key="kaptcha.image.width">250</prop>

<prop key="kaptcha.textproducer.font.size">90</prop>

<prop key="kaptcha.image.height">90</prop>

<prop key="kaptcha.session.key">code</prop>

<prop key="kaptcha.textproducer.char.length">4</prop>

<prop key="kaptcha.textproducer.font.names">宋体,楷体,微软雅黑</prop>

</props>

</constructor-arg>

</bean>

</property>

</bean>

新建生成图片控制类

Java代码  

import java.awt.image.BufferedImage;

import javax.imageio.ImageIO;

import javax.servlet.ServletOutputStream;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.servlet.ModelAndView;

import com.google.code.kaptcha.Constants;

import com.google.code.kaptcha.Producer;

@Controller

@RequestMapping("/")

public class CaptchaImageCreateController {

private Producer captchaProducer = null;

@Autowired

public void setCaptchaProducer(Producer captchaProducer) {

this.captchaProducer = captchaProducer;

}

@RequestMapping("/captcha-image")

public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response) throws Exception {

response.setDateHeader("Expires", 0);

// Set standard HTTP/1.1 no-cache headers.

response.setHeader("Cache-Control", "no-store, no-cache, must-revalidate");

// Set IE extended HTTP/1.1 no-cache headers (use addHeader).

response.addHeader("Cache-Control", "post-check=0, pre-check=0");

// Set standard HTTP/1.0 no-cache header.

response.setHeader("Pragma", "no-cache");

// return a jpeg

response.setContentType("image/jpeg");

// create the text for the image

String capText = captchaProducer.createText();

// store the text in the session

request.getSession().setAttribute(Constants.KAPTCHA_SESSION_KEY, capText);

// create the image with the text

BufferedImage bi = captchaProducer.createImage(capText);

ServletOutputStream out = response.getOutputStream();

// write the data out

ImageIO.write(bi, "jpg", out);

try {

out.flush();

} finally {

out.close();

}

return null;

}

}

前台调用方式

Java代码  

<div class="chknumber">

<label>验证码：

<input name="kaptcha" type="text" id="kaptcha" maxlength="4" class="chknumber_input" />

</label>

<img src="/ClinicCountManager/captcha-image.do" width="55" height="20" id="kaptchaImage"  style="margin-bottom: -3px"/>

<script type="text/javascript">

$(function(){

$('#kaptchaImage').click(function () {//生成验证码

$(this).hide().attr('src', '/ClinicCountManager/captcha-image.do?' + Math.floor(Math.random()*100) ).fadeIn(); })

});

</script>

</div>

取验证码的方式

Java代码  

String code = (String)session.getAttribute(com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY);

如果需要全部数字

Java代码  

<init-param>

<param-name>kaptcha.textproducer.char.string</param-name>

<param-value>0123456789</param-value>

</init-param>

去掉干扰线

Java代码  

<init-param>

<param-name>kaptcha.noise.impl</param-name>

<param-value>com.google.code.kaptcha.impl.NoNoise </param-value>

</init-param>

 

KAPTCHA验证码使用步骤的更多相关文章

  1. jcaptcha和kaptcha验证码使用入门【转】

    jcaptcha和kaptcha验证码使用入门 一.jcaptcha验证码使用 jcaptcha使用默认样式生成的验证码比较难以识别,所以需要自定义验证码的样式,包括,背景色.背景大小.字体.字体大小 ...

  2. Java实现验证码制作之一Kaptcha验证码

    Kaptcha验证码 是google提供的验证码插件,使用起来相对简单,设置的干扰线以及字体扭曲不易让其他人读取破解. 这里我们需要 导入一个 kaptcha-2.3.jar  下载地址:http:/ ...

  3. kaptcha验证码插件的使用

    kaptcha 是一个非常实用的验证码生成工具.有了它,你可以生成各种样式的验证码,因为它是可配置的.kaptcha工作的原理是调用 com.google.code.kaptcha.servlet.K ...

  4. kaptcha 验证码组件使用

    kaptcha 验证码组件使用简介   kaptcha 是一个非常实用的验证码生成工具.有了它,你可以生成各种样式的验证码,因为它是可配置的.kaptcha工作的原理是调用 com.google.co ...

  5. kaptcha验证码的使用

    使用kaptcha可以方便的配置: 验证码的字体 验证码字体的大小 验证码字体的字体颜色 验证码内容的范围(数字,字母,中文汉字!) 验证码图片的大小,边框,边框粗细,边框颜色 验证码的干扰线(可以自 ...

  6. kaptcha验证码实现，配合spring boot使用

    一.kaptcha介绍 Kaptcha是谷歌放在github上的一个验证码jar包,我们可以简单配置属性实现验证码的验证功能. kaptcha参数设置如下所示: Constant 描述 默认值 kap ...

  7. google kaptcha 验证码的使用

    这边演示下idea+maven+servlet实现谷歌的kaptcha验证码的使用: web.xml, 这边主要是kaptcha验证器, <!DOCTYPE web-app PUBLIC &qu ...

  8. google kaptcha 验证码组件使用简介

    kaptcha 是一个非常实用的验证码生成工具.有了它,你可以生成各种样式的验证码,因为它是可配置的.kaptcha工作的原理是调用 com.google.code.kaptcha.servlet.K ...

  9. kaptcha验证码组件使用简介

    Kaptcha是一个基于SimpleCaptcha的验证码开源项目. 官网地址:http://code.google.com/p/kaptcha/ kaptcha的使用比较方便,只需添加jar包依赖之 ...

随机推荐

  1. JVM虚拟机（1）---常用JVM配置参数

    常用JVM配置参数 常用JVM配置参数主要有:Trace跟踪参数.堆的分配参数.栈的分配参数. 一.Trace跟踪参数 跟踪参数用于跟踪监控JVM,对于开发人员来讲用于JVM调优以及故障排查的. 1. ...

  2. Quartz.NET学习笔记（二） Job和JobDetails

    Job和JobDetails的关系 接一篇的例子 ISchedulerFactory schedFact = new StdSchedulerFactory(); IScheduler sched = ...

  3. AngularJS2+调用原有的js脚本(AngularJS脚本跟本地原有脚本之间的关系)

    昨天一个话题说关于AngularJS2以后版本的两个小技巧,不料引出了另外一个话题,话题起始很简单: "很多的前端框架并不复杂,比如JQuery,引入即用,实时看到效果,多好.到了Angul ...

  4. windows git 上传

    1.打开git.bash 2. 告诉要传的git的用户名字 和邮箱地址 git config --global user.name "CardLove" git config -- ...

  5. 带着新人学springboot的应用05（springboot+RabbitMQ 上）

    这次就来说说RabbitMQ,这个应该不陌生了,随便一查就知道这个是用来做消息队列的.(注意:这一节很多都是概念的东西,需要操作的比较少) 至于AMQP协议(Advanced Message Queu ...

  6. 计蒜客：Entertainment Box

    Ada, Bertrand and Charles often argue over which TV shows to watch, and to avoid some of their fight ...

  7. OAuth2.0 原理简介

    写在前面: 在正式介绍OAuth2.0之前我们先来看一个场景:小李是一个文艺小青年, 经常喜欢出去旅游并且把自己旅行中的美景照片分享到各大社交网站上,比如朋友圈,新浪微博.小李马上要向女朋友求婚了,他 ...

  8. angr进阶（5）内存操作

    angr也可以将符号写在内存里,控制内存中的值,结合任意位置开始有奇效,但就是慢sym-write p = angr.Project('./issue', load_options={"au ...

  9. Tapestry3.0开发概论

    一.TAPESTRY技术的综述. tapestry是平行于struts/Spring MVC/webwork /jsf等开发工具的语言.tapestry是基于组件的开发工具.它具有组件的可重用性.因为 ...

  10. JDBC事务与保存点 JDBC简介（七）

    事务简介 数据库事务(Database Transaction) ,是指作为单个逻辑工作单元执行的一系列操作,要么完全地执行,要么完全地不执行. 事务是必须满足4个条件(ACID) 事务的原子性( A ...