kaptcha生成图形验证码实现方法

1、下载kaptcha。

　　　　http://code.google.com/p/kaptcha/downloads/list

2、新建一个Web项目，并将下载压缩包中的kaptcha-2.3.2.jar放在项目的WEB-INF/lib目录下。

3、配置web.xml文件。

使用kaptcha可以方便的配置：

•验证码的字体
•验证码字体的大小
•验证码字体的字体颜色
•验证码内容的范围(数字，字母，中文汉字！)
•验证码图片的大小，边框，边框粗细，边框颜色
•验证码的干扰线(可以自己继承com.google.code.kaptcha.NoiseProducer写一个自定义的干扰线)
•验证码的样式(鱼眼样式、3D、普通模糊……当然也可以继承com.google.code.kaptcha.GimpyEngine自定义样式)

配置

代码如下

复制代码

kaptcha.border 是否有边框默认为true 我们可以自己设置yes，no
kaptcha.border.color   边框颜色   默认为Color.BLACK
kaptcha.border.thickness 边框粗细度默认为1
kaptcha.producer.impl   验证码生成器默认为DefaultKaptcha
kaptcha.textproducer.impl   验证码文本生成器默认为DefaultTextCreator
kaptcha.textproducer.char.string   验证码文本字符内容范围默认为abcde2345678gfynmnpwx
kaptcha.textproducer.char.length   验证码文本字符长度默认为5
kaptcha.textproducer.font.names    验证码文本字体样式默认为new Font("Arial", 1, fontSize), new Font("Courier", 1, fontSize)
kaptcha.textproducer.font.size   验证码文本字符大小默认为40
kaptcha.textproducer.font.color 验证码文本字符颜色默认为Color.BLACK
kaptcha.textproducer.char.space 验证码文本字符间距默认为2
kaptcha.noise.impl    验证码噪点生成对象默认为DefaultNoise
kaptcha.noise.color   验证码噪点颜色   默认为Color.BLACK
kaptcha.obscurificator.impl   验证码样式引擎默认为WaterRipple
kaptcha.word.impl   验证码文本字符渲染   默认为DefaultWordRenderer
kaptcha.background.impl   验证码背景生成器   默认为DefaultBackground
kaptcha.background.clear.from   验证码背景颜色渐进   默认为Color.LIGHT_GRAY
kaptcha.background.clear.to   验证码背景颜色渐进   默认为Color.WHITE
kaptcha.image.width   验证码图片宽度默认为200
kaptcha.image.height 验证码图片高度默认为50

验证码实例

代码如下

复制代码

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5"
    xmlns="http://java.sun.com/xml/ns/javaee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<display-name></display-name>

    
    <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.textproducer.font.color</param-name>
            <param-value>red</param-value>
        </init-param>
        
        <init-param>
            <param-name>kaptcha.image.width</param-name>
            <param-value>135</param-value>
        </init-param>
        
        <init-param>
            <param-name>kaptcha.textproducer.char.string</param-name>
            <param-value>ACDEFHKPRSTWX345679</param-value>
        </init-param>
        
        <init-param>
            <param-name>kaptcha.image.height</param-name>
            <param-value>50</param-value>
        </init-param>
        
        <init-param>
            <param-name>kaptcha.textproducer.font.size</param-name>
            <param-value>43</param-value>
        </init-param>
        
        <init-param>
            <param-name>kaptcha.noise.color</param-name>
            <param-value>black</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>Arial</param-value>
        </init-param>
    </servlet>
    
    <servlet-mapping>
        <servlet-name>Kaptcha</servlet-name>
        <url-pattern>/Kaptcha.jpg</url-pattern>
    </servlet-mapping>

<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>

显示验证码的页面index.jsp

代码如下

复制代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>验证码</title>
<script type="text/javascript">
    //点击切换验证码
    function changeVerifyCode(img){
        img.src = "Kaptcha.jpg?"+Math.floor(Math.random()*100);
    }
</script>
</head>
<body>

    <p>
    <form action="result.jsp">
        <table>
            <tr>
                <td>

                </td>
                <td>
                    <img src="Kaptcha.jpg" onclick="changeVerifyCode(this)" style="cursor: pointer;">
                </td>
            </tr>
            <tr>
                <td>
                    请输入验证码：
                </td>
                <td>
                    <input type="text" name="verifyCode">
                </td>
            </tr>
            <tr>
                <td>

                </td>
                <td>
                    <input type="submit" value="提交">
                </td>
            </tr>


        </table>
    </form>
</body>
</html>

1.kaptcha提供了很好的可扩展性，而且扩展的方式也很简单，只需要实现相关接口，然后把我们自定义的对象添加到配置项里面就可以了，如Producer，WordRenderer，GimpyEngine，BackgroundProducer，NoiseProducer，TextProducer这些接口，我们可以随意的扩展。

2.关于对生成的验证码进行加噪点，一些干扰因素，kaptcha也提供了许多现成的filter供选择，它自己默认的干扰因素生成类WaterRipple就是由RippleFilter，WaterFilter两个filter组成的，这些filter实现了各种对文本样式变化处理，位于com.jhlabs.image package下

补充：Jsp教程,Jsp/Servlet开发工具