kaptcha图形验证码组件-白红宇

kaptcha图形验证码组件

阅读量：5994 次

发布时间：2019-06-20

本文共 3029 字，大约阅读时间需要 10 分钟。

kaptcha 是一个非常实用的验证码生成工具。有了它，你可以生成各种样式的验证码，因为它是可配置的。kaptcha工作的原理是调用 com.google.code.kaptcha.servlet.KaptchaServlet，生成一个图片。同时将生成的验证码字符串放到 HttpSession中。

1.下载kaptcha-2.3.2.jar并添加到项目

2.spring 配置文件 applicationContext.xml


         
               
                    
                         
                          
                              
                                 
                                  
          
           90
                                   
                                  
          
           36
                                  
                                  
          
           0123456789qwertyuioplkjhgfdsazxcvbnm
                                  
                                  
          
           4
                                  
                                  
          
           no
                                  
                                  
          
           black
                                  
                                  
          
           1
                                  
                                  
          
           black
                                  
                                  
          
           33
                                  
                                  
          
           宋体,楷体,微软雅黑
                                  
                                
          
           blue
                                  
          
           com.google.code.kaptcha.impl.NoNoise
                                
                                  
          
           3

3. Controller的实现

map保存服务端为生成的验证码，可传入service中与前端传入的验证码进行对比从而完成验证。

　　......     @Autowired     private Producer producer;          private Map
     
       map;     　　...... 　　@RequestMapping("/kaptcha")    public void initCaptcha(HttpServletRequest request, HttpServletResponse response) throws Exception {        HttpSession session = request.getSession();        response.setDateHeader("Expires", 0);        response.setHeader("Cache-Control", "no-store, no-cache, must-revalidate");        response.addHeader("Cache-Control", "post-check=0, pre-check=0");        response.setHeader("Pragma", "no-cache");        response.setContentType("image/jpeg");        String capText = producer.createText();        session.setAttribute(Constants.KAPTCHA_SESSION_KEY, capText);        BufferedImage bi = producer.createImage(capText);        ServletOutputStream out = response.getOutputStream();        ImageIO.write(bi, "jpg", out);        try {            out.flush();        } finally {            String kaptchaCode = (String)session.getAttribute(Constants.KAPTCHA_SESSION_KEY);            map = new HashMap
      
       ();            map.put("kaptchaCode", kaptchaCode);            out.close();        }    }

4.页面上添加

img的src的属性以自己的实际路径进行修改

5.在页面对应js添加

//更换图形验证码$(function (){      $('#kaptcha').click(         function (){             $(this).attr('src', '/frame/kaptcha?' + Math.floor(Math.random() * 100));           }      );            });

转载于:https://www.cnblogs.com/007sx/p/5676247.html

你可能感兴趣的文章