kaptcha验证码组件使用简介解析

2023-08-16 22:03:04 182

Kaptcha是一个基于SimpleCaptcha的验证码开源项目。

官网地址：http://code.google.com/p/kaptcha/

kaptcha的使用比较方便，只需添加jar包依赖之后简单地配置就可以使用了。kaptcha所有配置都可以通过web.xml来完成，如果你的项目中使用了SpringMVC，那么则有另外的一种方式来实现。

一、简单的jsp-servlet项目

1.添加jar包依赖

如果你使用maven来统一管理jar包，则在工程的pom.xml中添加dependency



com.google.code.kaptcha
kaptcha
2.3.2

如果是非maven管理的项目，则直接在官网下载kaptcha的jar包，然后添加到项目lib库中，下载地址：

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

2.配置web.xml

上面说了，kaptcha都是在web.xml中配置，我们必须在web.xml中配置kaptcha的servlet，具体如下：


Kaptcha
com.google.code.kaptcha.servlet.KaptchaServlet


Kaptcha
/http://dh.wk163.comhttp://dh.wk163.comkaptcha.jpg

其中servlet的url-pattern可以自定义。

kaptcha所有的参数都有默认的配置，如果我们不显示配置的话，会采取默认的配置。

如果要显示配置kaptcha，在配置kaptcha对应的Servlet时，在init-param增加响应的参数配置即可。示例如下：


Kaptcha
com.google.code.kaptcha.servlet.KaptchaServlet

kaptcha.image.width
200
Widthinpixelsofthekaptchaimage.


kaptcha.image.height
50
Heightinpixelsofthekaptchaimage.


kaptcha.textproducer.char.length
4
Thenumberofcharacterstodisplay.


kaptcha.noise.impl
com.google.code.kaptcha.impl.NoNoise
Thenoiseproducer.

具体的配置参数参见：http://code.google.com/p/kaptcha/wiki/ConfigParameters

3.页面调用

4.在submit的action方法中进行验证码校验

//从session中取出servlet生成的验证码text值
StringkaptchaExpected=(String)request.getSession().getAttribute(com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY);
//获取用户页面输入的验证码
StringkaptchaReceived=request.getParameter("kaptcha");
//校验验证码是否正确
if(kaptchaReceived==null||!kaptchaReceived.equalsIgnoreCase(kaptchaExpected)){
setError("kaptcha","Invalidvalidationcode.");
}

注：确保JDK设置了-Djava.awt.headless=true

5.实现页面验证码刷新



$(function(){
$('#kaptchaImage').click(function(){$(this).attr('src','http://dh.wk163.comhttp://dh.wk163.comkaptcha.jpg?'+Math.floor(Math.random()*100));});
});


看不清，点击换一张

注：为了避免浏览器的缓存，可以在验证码请求url后添加随机数

二、Springmvc项目中使用kaptcha

1.添加captchaProducerbean定义







100
50
com.google.code.kaptcha.impl.NoNoise
0123456789abcdefghijklmnopqrstuvwxyz
4

2.生成验证码的Controller

importjava.awt.image.BufferedImage;
importjavax.imageio.ImageIO;
importjavax.servlet.ServletOutputStream;
importjavax.servlet.http.HttpServletRequest;
importjavax.servlet.http.HttpServletResponse;
importorg.springframework.beans.factory.annotation.Autowired;
importorg.springframework.stereotype.Controller;
importorg.springframework.web.bind.annotation.RequestMapping;
importorg.springframework.web.servlet.ModelAndView;
importcom.google.code.kaptcha.Constants;
importcom.google.code.kaptcha.Producer;
/**
*ClassName:CaptchaImageCreateController

*Function:生成验证码Controller.

*date:2013-12-10上午11:37:42

*
*@authorchenzhou1025@126.com
*/
@Controller
publicclassCaptchaImageCreateController{
privateProducercaptchaProducer=null;
@Autowired
publicvoidsetCaptchaProducer(ProducercaptchaProducer){
this.captchaProducer=captchaProducer;
}
@RequestMapping("/http://dh.wk163.comhttp://dh.wk163.comkaptcha.jpg")
publicModelAndViewhandleRequest(HttpServletRequestrequest,HttpServletResponseresponse)throwsException{
//Settoexpirefarinthepast.
response.setDateHeader("Expires",0);
//SetstandardHTTP/1.1no-cacheheaders.
response.setHeader("Cache-Control","no-store,no-cache,must-revalidate");
//SetIEextendedHTTP/1.1no-cacheheaders(useaddHeader).
response.addHeader("Cache-Control","post-check=0,pre-check=0");
//SetstandardHTTP/1.0no-cacheheader.
response.setHeader("Pragma","no-cache");
//returnajpeg
response.setContentType("image/jpeg");
//createthetextfortheimage
StringcapText=captchaProducer.createText();
//storethetextinthesession
request.getSession().setAttribute(Constants.KAPTCHA_SESSION_KEY,capText);
//createtheimagewiththetext
BufferedImagebi=captchaProducer.createImage(capText);
ServletOutputStreamout=response.getOutputStream();
//writethedataout
ImageIO.write(bi,"jpg",out);
try{
out.flush();
}finally{
out.close();
}
returnnull;
}
}

3.校验用户输入的Controller

/**
*ClassName:LoginController

*Function:登录Controller.

*date:2013-12-10上午11:41:43

*
*@authorchenzhou1025@126.com
*/
@Controller
@RequestMapping("/login")
publicclassLoginController{
	/**
	*loginCheck:ajax异步校验登录请求.

	*
	*@authorchenzhou1025@126.com
	*@paramrequest
	*@paramusername用户名
	*@parampassword密码
	*@paramkaptchaReceived验证码
	*@return校验结果
	*@since2013-12-10
	*/
	@RequestMapping(value="check",method=RequestMethod.POST)
	@ResponseBody
	publicStringloginCheck(HttpServletRequestrequest,
			@RequestParam(value="username",required=true)Stringusername,
			@RequestParam(value="password",required=true)Stringpassword,
			@RequestParam(value="kaptcha",required=true)StringkaptchaReceived){
		//用户输入的验证码的值
		StringkaptchaExpected=(String)request.getSession().getAttribute(
				com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY);
		//校验验证码是否正确
		if(kaptchaReceived==null||!kaptchaReceived.equals(kaptchaExpected)){
			return"kaptcha_error";//返回验证码错误
		}
		//校验用户名密码
		//……
		//……
		return"success";//校验通过返回成功
	}
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

kaptcha验证码组件使用简介解析

热门推荐

随机推荐