700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > kaptcha验证码使用

kaptcha验证码使用

时间:2020-06-09 09:01:44

相关推荐

kaptcha验证码使用

效果图:

官方地址:/p/kaptcha/w/list

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);

.get(com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY);

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

<script type="text/javascript">

$(function(){

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

});

</script>

6、验证码图片还有很多参数设置

<init-param>

<param-name>kaptcha.border</param-name>

<param-value>no</param-value>

</init-param>

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

9、

水纹效果

鱼眼效果

阴影效果

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。