Kaptcha的使用

使用步骤

1. 导入kaptcha的jar包
   maven：

   <dependency>
     <groupId>com.github.penggle</groupId>
     <artifactId>kaptcha</artifactId>
     <version>2.3.2</version>
   </dependency>
   

2. 配置请求映射

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

3. 前端页面表单中发请求获取验证码图片。然后可以在表单中用img标签显示。如：

   <img src="这里写配置的请求路径">
   

4. 服务器端获取验证码的代码方法：

   // 获取 Session 中的验证码
   String token = (String) req.getSession().getAttribute(KAPTCHA_SESSION_KEY);
   // 记得删除 Session 中的验证码，确保每次获取的是最新的
   req.getSession().removeAttribute(KAPTCHA_SESSION_KEY);
   

然后：

如果想要更好的用户体验，可以为验证码图片绑定点击事件更新验证码（可用ajax请求），
这里提醒一下：浏览器为了让请求速度更快，就会每次请求的内容缓存到浏览器端（要么硬盘上，要么内存中），使得点击验证码图片，验证码不更新，所以，如何跳过浏览器中缓存，而发起请求给服务器获取新验证码，我们可以在请求时，添加一个参数，这里我们添加的是d=new Date(),这样，每次请求的参数都不同，就会跳过浏览器缓存。