Kaptcha随机验证码的使用方法,超简单,超实用

1、把下载的kaptcha-2.3.2.jar添加到lib中

2、配置web.xml增加servlet

<servlet>
        <servlet-name>Kaptcha</servlet-name>
        <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>
</servlet>
<servlet-mapping>
        <servlet-name>Kaptcha</servlet-name>
        <url-pattern>/kaptcha.jpg</url-pattern>
</servlet-mapping>

3、在jsp页面中

<form action="submit.action" method="post">
    <img src="kaptcha.jpg" id="kaptchaImage" /> <input type="text"
        name="kaptcha" value="" /> <input type="submit" name="submit"
        value="submit" />
</form>

其中src="kaptcha.jpg"会被定位到servlet上

 

4、KaptchaServlet会把验证码设置到session中,可以如下方式获取

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

5、如果是struts2的action,可以如下方式获取

String kaptchaExpected = (String)ActionContext.getContext().getSession()
    .get(com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY);

6、如果想设置点击图片更换验证码,可以加上如下js,需要jquery

<script type="text/javascript">
    $(function(){
        $('#kaptchaImage').click(function () { 
            $(this).attr('src', 'kaptcha.jpg?' + Math.floor(Math.random()*100) ); 
        });
    });
</script>

7、也可以来点淡入淡出效果

<script type="text/javascript">
    $(function() {
        $('#kaptchaImage').click(
             function() {
                 $(this).hide().attr('src',
                     'kaptcha.jpg?' + Math.floor(Math.random() * 100)).fadeIn();
        });
    });
</script>

8、验证码图片还有很多参数设置,设置方法,在web.xml的servlet中

<init-param>
    <param-name>kaptcha.border</param-name>
    <param-value>no</param-value>
</init-param>

更多参数设置请见下表 

Constant描述默认值
kaptcha.border图片边框,合法值:yes , noyes
kaptcha.border.color边框颜色,合法值: r,g,b (and optional alpha) 或者 white,black,blue.black
kaptcha.border.thickness边框厚度,合法值:>01
kaptcha.image.width图片宽200
kaptcha.image.height图片高50
kaptcha.producer.impl图片实现类com.google.code.kaptcha.impl.DefaultKaptcha
kaptcha.textproducer.impl文本实现类com.google.code.kaptcha.text.impl.DefaultTextCreator
kaptcha.textproducer.char.string文本集合,验证码值从此集合中获取abcde2345678gfynmnpwx
kaptcha.textproducer.char.length验证码长度5
kaptcha.textproducer.font.names字体Arial, Courier
kaptcha.textproducer.font.size字体大小40px.
kaptcha.textproducer.font.color字体颜色,合法值: r,g,b  或者 white,black,blue.black
kaptcha.textproducer.char.space文字间隔2
kaptcha.noise.impl干扰实现类com.google.code.kaptcha.impl.DefaultNoise
kaptcha.noise.color干扰颜色,合法值: r,g,b 或者 white,black,blue.black
kaptcha.obscurificator.impl图片样式: 水纹com.google.code.kaptcha.impl.WaterRipple 鱼眼com.google.code.kaptcha.impl.FishEyeGimpy 阴影com.google.code.kaptcha.impl.ShadowGimpycom.google.code.kaptcha.impl.WaterRipple
kaptcha.background.impl背景实现类com.google.code.kaptcha.impl.DefaultBackground
kaptcha.background.clear.from背景颜色渐变,开始颜色light grey
kaptcha.background.clear.to背景颜色渐变,结束颜色white
kaptcha.word.impl文字渲染器com.google.code.kaptcha.text.impl.DefaultWordRenderer
kaptcha.session.keysession keyKAPTCHA_SESSION_KEY
kaptcha.session.datesession dateKAPTCHA_SESSION_DATE

生活不止眼前的苟且,还有将来的苟且! 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值