java 理解如何实现图片验证码 傻瓜都能看懂。

先代码后解释:

只要把代码复制到你的项目中就可以了。

代码:

验证码工具类:

package cn.happy.util.imagesVerTion;

/**
 * Author: SamGroves
 *
 * Description: 验证码生成器
 *
 * Date: 2017/8/29
 */
import javax.servlet.http.HttpServletRequest;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.OutputStream;import java.util.HashMap;
import java.util.Map;import java.util.Random;

public class Captcha {
    private static char mapTable[] = {
            '0', '1', '2', '3', '4', '5',
            '6', '7', '8', '9', '0', '1',
            '2', '3', '4', '5', '6', '7',
            '8', '9'};
    public static Map<String, Object> getImageCode(int width, int height, OutputStream os) {
        Map<String,Object> returnMap = new HashMap<String, Object>();//定义了一个集合,
        if (width <= 0) width = 60;
        if (height <= 0) height = 20;
        BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
        // 获取图形上下文
        Graphics g = image.getGraphics();
        //生成随机类
        Random random = new Random();
        // 设定背景色
        g.setColor(getRandColor(200, 250));
        g.fillRect(0, 0, width, height);
        //设定字体
        g.setFont(new Font("Times New Roman", Font.PLAIN, 18));
        // 随机产生168条干扰线,使图象中的认证码不易被其它程序探测到
        g.setColor(getRandColor(160, 200));
        for (int i = 0; i < 168; i++) {
            int x = random.nextInt(width);
            int y = random.nextInt(height);
            int xl = random.nextInt(12);
            int yl = random.nextInt(12);
            g.drawLine(x, y, x + xl, y + yl);
        }
        //取随机产生的码
        String strEnsure = "";
        //4代表4位验证码,如果要生成更多位的认证码,则加大数值
        for (int i = 0; i < 4; ++i) {
            strEnsure += mapTable[(int) (mapTable.length * Math.random())];
            // 将认证码显示到图象中
            g.setColor(new Color(20 + random.nextInt(110), 20 + random.nextInt(110), 20 + random.nextInt(110)));
            // 直接生成
            String str = strEnsure.substring(i, i + 1);
            // 设置随便码在背景图图片上的位置
            g.drawString(str, 13 * i + 20, 25);
        }
        // 释放图形上下文
        g.dispose();
        returnMap.put("image",image);//把验证码的图片放到了map集合中。
        returnMap.put("strEnsure",strEnsure);//把验证码的文字放入到了map集合中。
       /* request.getSession().setAttribute("strEnsure",strEnsure);*/
        System.out.println(strEnsure+"之后的strEnsure");
        return returnMap;
    }
    //给定范围获得随机颜色
    static Color getRandColor(int fc, int bc) {
        Random random = new Random();
        if (fc > 255) fc = 255;
        if (bc > 255) bc = 255;
        int r = fc + random.nextInt(bc - fc);
        int g = fc + random.nextInt(bc - fc);
        int b = fc + random.nextInt(bc - fc);
        return new Color(r, g, b);
    }
}

controller:

  @RequestMapping(value = "/captcha")
    @ResponseBody
    public String imagecode(HttpServletRequest request, HttpServletResponse response) throws Exception {
        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");

        OutputStream os = response.getOutputStream();
        //返回验证码和图片的map
        Map<String, Object> map = Captcha.getImageCode(86, 37, os);
        String simpleCaptcha = "simpleCaptcha";
        request.getSession().setAttribute("simpleCaptcha", map.get("strEnsure").toString().toLowerCase());
        request.getSession().setAttribute("codeTime", new Date().getTime());
        try {
            ImageIO.write((BufferedImage) map.get("image"), "jpg", os);
        } catch (IOException e) {
            return "";
        } finally {
            if (os != null) {
                os.flush();
                os.close();
            }
        }
        return null;
    }




        @RequestMapping(value = "/verify")
        @ResponseBody
        public String checkcode(HttpServletRequest request,
                                HttpSession session,
                                String checkCode) throws Exception {

            checkCode=(String) request.getSession().getAttribute("simpleCaptcha");

            // 获得验证码对象
           /* Object cko = session.getAttribute("simpleCaptcha");*/
            String cko = request.getParameter("checkcode01");

            if (cko == null ||cko=="") {
                request.setAttribute("errorMsg", "请输入验证码!");
                System.out.println("验证码是空格的啊");
                return "请输入验证码!";
            }
            String captcha = cko.toString();//文本框输入的验证码
            // 判断验证码输入是否正确
            Date now = new Date();
            Long codeTime = Long.valueOf(session.getAttribute("codeTime") + "");
            if (StringUtils.isEmpty(checkCode) || captcha == null || !(checkCode.equalsIgnoreCase(captcha))) {
                request.setAttribute("errorMsg", "验证码错误!");
                System.out.println("验证码错的呀");
                return "验证码错误,请重新输入!";

                // 验证码有效时长为1分钟

            } else if ((now.getTime() - codeTime) / 1000 / 60 > 1) {
                request.setAttribute("errorMsg", "验证码已失效,请重新输入!");
                System.out.println("验证码时间太长了");
                return "验证码已失效,请重新输入!";
            } else {

                // 在这里可以处理自己需要的事务,比如验证登陆等
                System.out.println("验证码输入正确");
                return "验证通过!";
            }
        }

架构:

 

 

 

 

 

解释:

首先来看工具类:  工具类反正像我这种我是看不懂的,   如果你也看不懂 需要关注工具类的几个点就可以了。 他这个工具类已经写好了,我们需要关心的就是这个验证码图片中的数字。

可能你不知道怎么去map集合中拿出来使用。  不用担心,他在controller中的代码已经拿出来了。 

 

 我们主要在下面这个分支做操作。

页面:

文本框:

验证码图片:

 

posted @ 2019-04-27 13:56  就让文谦先行  阅读(1020)  评论(0编辑  收藏  举报