kaptcha验证码组件使用简介

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

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

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

一、简单的jsp-servlet项目

1.添加jar包依赖

如果你使用maven来统一管理jar包,则在工程的pom.xml中添加dependency
<!-- kaptcha -->
<dependency>  <groupId>com.google.code.kaptcha</groupId>  <artifactId>kaptcha</artifactId>  <version>2.3.2</version>
</dependency>  

如果是非maven管理的项目,则直接在官网下载kaptcha的jar包,然后添加到项目lib库中,下载地址:http://code.google.com/p/kaptcha/downloads/list

2.配置web.xml

上面说了,kaptcha都是在web.xml中配置,我们必须在web.xml中配置kaptcha的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>  

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

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

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

<servlet>  <servlet-name>Kaptcha</servlet-name>  <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>  <init-param>  <param-name>kaptcha.image.width</param-name>  <param-value>200</param-value>  <description>Width in pixels of the kaptcha image.</description>  </init-param>  <init-param>  <param-name>kaptcha.image.height</param-name>  <param-value>50</param-value>  <description>Height in pixels of the kaptcha image.</description>  </init-param>  <init-param>  <param-name>kaptcha.textproducer.char.length</param-name>  <param-value>4</param-value>  <description>The number of characters to display.</description>  </init-param>  <init-param>  <param-name>kaptcha.noise.impl</param-name>  <param-value>com.google.code.kaptcha.impl.NoNoise</param-value>  <description>The noise producer.</description>  </init-param>
</servlet>  

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

3.页面调用

    Html代码

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

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

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

5.实现页面验证码刷新

Html代码
<img src="kaptcha.jpg" width="200" id="kaptchaImage" title="看不清,点击换一张" />
<script type="text/javascript">  $(function() {  $('#kaptchaImage').click(function() {$(this).attr('src','kaptcha.jpg?' + Math.floor(Math.random() * 100));});  });
</script>
<br /><small>看不清,点击换一张</small> 

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

二、Spring mvc项目中使用kaptcha

1.添加captchaProducer bean定义

Xml代码
<!-- 配置kaptcha验证码 -->
<bean id="captchaProducer" class="com.google.code.kaptcha.impl.DefaultKaptcha">  <property name="config">  <bean class="com.google.code.kaptcha.util.Config">  <constructor-arg type="java.util.Properties">  <props>  <prop key="kaptcha.image.width">100</prop>  <prop key="kaptcha.image.height">50</prop>  <prop key="kaptcha.noise.impl">com.google.code.kaptcha.impl.NoNoise</prop>  <prop key="kaptcha.textproducer.char.string">0123456789abcdefghijklmnopqrstuvwxyz</prop>  <prop key="kaptcha.textproducer.char.length">4</prop>  </props>  </constructor-arg>  </bean>  </property>
</bean>  

2.生成验证码的Controller

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
public class CaptchaImageCreateController {  private Producer captchaProducer = null;  @Autowired  public void setCaptchaProducer(Producer captchaProducer){  this.captchaProducer = captchaProducer;  }  @RequestMapping("/kaptcha.jpg")  public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response) throws Exception{  // Set to expire far in the past.  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;  }
}   

3.校验用户输入的Controller

Java代码
/** * ClassName: LoginController <br/> * Function: 登录Controller. <br/> */
@Controller
@RequestMapping("/login")
public class LoginController {  /** * loginCheck:ajax异步校验登录请求. <br/> * * @param request * @param username 用户名 * @param password 密码 * @param kaptchaReceived 验证码 * @return 校验结果 */  @RequestMapping(value = "check", method = RequestMethod.POST)  @ResponseBody  public String loginCheck(HttpServletRequest request,  @RequestParam(value = "username", required = true) String username,  @RequestParam(value = "password", required = true) String password,  @RequestParam(value = "kaptcha", required = true) String kaptchaReceived){  //用户输入的验证码的值  String kaptchaExpected = (String) request.getSession().getAttribute(  com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY);  //校验验证码是否正确  if (kaptchaReceived == null || !kaptchaReceived.equals(kaptchaExpected)) {  return "kaptcha_error";//返回验证码错误  }  //校验用户名密码  // ……  // ……  return "success"; //校验通过返回成功  }
}  

注:以上来自  http://chenzhou123520.iteye.com/blog/1987636

转载于:https://www.cnblogs.com/duguxiaobiao/p/9128837.html

kaptcha验证码组件使用简介相关推荐

  1. 验证码组件,上传下载组件

    一.验证码组件 这里使用的验证码组件是kaptcha验证码开源项目. kaptcha是一个简单好用的验证码生成工具,通过配置,可以自己定义验证码大小.颜色.显示的字符等等.下面就来讲一下如何使用kap ...

  2. springboot集成kaptcha验证码

    导入依赖 <!-- kaptcha 验证码开源组件 --> <dependency><groupId>com.github.penggle</groupId& ...

  3. kaptcha验证码实现,配合spring boot使用

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

  4. kaptcha 验证码在spring mvc 中的使用

    转自:http://ttaale.iteye.com/blog/808719 kaptcha 是一个非常实用的验证码生成工具.有了它,你可以生成各种样式的验证码,因为它是可配置的.kaptcha工作的 ...

  5. java kaptcha_java相关:kaptcha验证码使用方法详解

    java相关:kaptcha验证码使用方法详解 发布于 2020-6-7| 复制链接 摘记: 本文为大家分享了kaptcha验证码的使用方法,供大家参考,具体内容如下1.首先在pom.xml文件中导入 ...

  6. 【干货】”首个“ .NET Core 验证码组件

    前言 众所周知,Dotnet Core目前没有图形API,以前的System.Drawing程序集并没有包含在Dotnet Core 1.0环境中.不过在dotnet core labs项目里可以见到 ...

  7. 中文验证码 php_还在苦恼验证码怎么实现?看看这个验证码组件合集,你想要的都有...

    随着安全性的要求越来越高,如今的验证码已经不再是简单的四个数字或者字母了,更复杂的图形验证码和行为验证码已经成为了更流行的趋势,但更难的实现也让很多开发者头秃,Gitee 已经替你们想到了这一点. 不 ...

  8. 基于vue的验证码组件

    最近在自己写页面,模仿思否论坛,然后写登录注册UI的时候需要一个验证码组件. 去搜一下没找到什么合适的,而且大多都是基于后端的,于是自己手写一个. 演示 分析验证码组件 分析验证码功能 随机出现的数字 ...

  9. 微信小程序 - 实现验证码组件

    前言 之前用vue写过一篇验证码组件的文章,现在用微信小程序实现. 布局 和vue中的布局相同,换成小程序的写法: <view class="ys-verification" ...

最新文章

  1. Python:Scrapy 框架简单介绍
  2. abb工业机器人指令lf怎么用_工业机器人课程:ABB知识点27 | I/O控制指令
  3. tableview插入刷新_iOS中tableview的几种刷新
  4. BZOJ3743 COCI2015Kamp(树形dp)
  5. 烂泥:【解决】VMware Workstation中安装ESXI5.0双网卡问题
  6. 【软件测试】4、测试用例的设计
  7. 外推主要发布平台(JM)
  8. 进度条(5.16-5.22)
  9. 12.统计 日志 ip
  10. springmvc入门程序
  11. Qt视频直播软件--项目实战(Day8)
  12. 安全视角下的CAN协议分析
  13. 敏捷开发中的文档怎么写
  14. mumu显示连接服务器超时,网易mumu模拟器安装不了 网易mumu模拟器安装好久解决方法...
  15. 2021南昌市地区高考成绩排名查询,2021南昌中小学国编成绩排名/分数线
  16. 【校招VIP】前端JS语言之语法相关
  17. java 菜刀_jsp一句话木马菜刀
  18. vm怎么装vim_安装nginx报-bash: vm: command not found..错误提示vim文本编辑器命令没有安装...
  19. linux常用命令_Linux常用命令总结
  20. 原生js实现动态数据表格

热门文章

  1. css中overflow:hidden的属性 可能会导致js下拉菜单无法显示
  2. 3 文件读写 计时 我的烂电脑在1S钟能写70多MB的数据
  3. 网络工程原理与实践教程实验安排
  4. 洛谷 - P1829 - Crash的数字表格 - 莫比乌斯反演
  5. [转载zz] Python3 输入和输出之序列化与反序列化
  6. Mybatis【一对多、多对一、多对多】知识要点
  7. javascript 计算器、动态时钟、表格复选框全选(扩展)、轮播图、36选7、随机数...
  8. 洛谷P2896 [USACO08FEB]一起吃饭Eating Together
  9. 【BZOJ2326】【HNOI2011】数学作业 [矩阵乘法][DP]
  10. 关于java环境配置问题