SpringBoot使用kaptcha生成验证码

ゝ一纸荒年。 2022-05-10 02:16 352阅读 0赞

1.在pom文件中添加依赖

  1. <dependency>
  2.     <groupId>com.github.penggle</groupId>
  3.     <artifactId>kaptcha</artifactId>
  4.     <version>2.3.2</version>
  5. </dependency>

2.新建KaptchaConfig.java，在其中配置验证码相关的属性

  1. /**
  2.  * Created By Seven.wk
  3.  * Description: 验证码配置类
  4.  * Created At 2018/08/07
  5.  */
  6. @Component
  7. public class KaptchaConfig {
  8.     @Bean
  9.     public DefaultKaptcha getDefaultKaptcha() {
  10.         DefaultKaptcha defaultKaptcha = new DefaultKaptcha();
  11.         Properties properties = new Properties();
  12.         properties.setProperty("kaptcha.border", "yes");
  13.         properties.setProperty("kaptcha.border.color", "105,179,90");
  14.         properties.setProperty("kaptcha.textproducer.font.color", "blue");
  15.         properties.setProperty("kaptcha.image.width", "110");
  16.         properties.setProperty("kaptcha.image.height", "40");
  17.         properties.setProperty("kaptcha.textproducer.font.size", "30");
  18.         properties.setProperty("kaptcha.session.key", "code");
  19.         properties.setProperty("kaptcha.textproducer.char.length", "4");
  20.         properties.setProperty("kaptcha.textproducer.font.names", "宋体,楷体,微软雅黑");
  21.         Config config = new Config(properties);
  22.         defaultKaptcha.setConfig(config);
  24.         return defaultKaptcha;
  25.     }
  26. }

3.在控制器中生成验证码并保存为图片

  1. @RestController
  2. @RequestMapping("/api")
  3. public class ILoginController {
  5.     @Autowired
  6.     private DefaultKaptcha defaultKaptcha;
  8.     /**
  9.      * 生成验证码
  10.      * @param response
  11.      * @param session
  12.      * @throws IOException
  13.      */
  14.     @GetMapping("/captcha")
  15.     public void captcha(HttpServletResponse response,
  16.                         HttpSession session) throws IOException {
  17.         byte[] captchaChallengeAsJpeg = null;
  18.         ByteArrayOutputStream jpegOutputStream = new ByteArrayOutputStream();
  19.         try {
  20.             //生产验证码字符串并保存到session中
  21.             String createText = defaultKaptcha.createText();
  22.             session.setAttribute(Const.CAPTCHA_CODE, createText);
  23.             //使用生产的验证码字符串返回一个BufferedImage对象并转为byte写入到byte数组中
  24.             BufferedImage challenge = defaultKaptcha.createImage(createText);
  25.             ImageIO.write(challenge, "jpg", jpegOutputStream);
  26.         } catch (IllegalArgumentException e) {
  27.             response.sendError(HttpServletResponse.SC_NOT_FOUND);
  28.             return;
  29.         }
  31.         //定义response输出类型为image/jpeg类型，使用response输出流输出图片的byte数组
  32.         captchaChallengeAsJpeg = jpegOutputStream.toByteArray();
  33.         response.setHeader("Cache-Control", "no-store");
  34.         response.setHeader("Pragma", "no-cache");
  35.         response.setDateHeader("Expires", 0);
  36.         response.setContentType("image/jpeg");
  37.         ServletOutputStream responseOutputStream = response.getOutputStream();
  38.         responseOutputStream.write(captchaChallengeAsJpeg);
  39.         responseOutputStream.flush();
  40.         responseOutputStream.close();
  41.     }
  43. }

4.现在我们可以通过访问/api/captcha，就可以看到验证码了

5.前端使用方法如下：

  1. <img src="/api/captcha" title="验证码" alt="验证码" class="captchaCode" onclick = "this.src='/api/captcha?d='+new Date()*1"/>

这样每次点击图片时就可以更换验证码了。

发表评论

表情：
评论列表 （有 0 条评论，352人围观）

还没有评论，来说两句吧...

相关阅读