在Servlet中生成一张验证码图片,返给前端

前期准备

生成一个4位验证码的字符串(包含:数字、大小写英文字母)

//保存一个,用于重复生成随机数的Random对象
  private Random random = new Random();
//用于生成随机验证码的完整字符串
  private String fullCode = "0123456789abcdefghijkmnpqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ";

/**
  * 内部方法,用于生成一个随机颜色对象
  * @return 生成的随机颜色对象
  */
    private Color makeRandomColor(){
        int r = random.nextInt(256);//返回一个[0,255]范围的随机整数
        int g = random.nextInt(256);
        int b = random.nextInt(256);

        return new Color(r, g, b);
    }


/**
  * 内部方法,用于生成一个4位的验证码字符串(包含:数字、大小写英文字母)
  * @return
  */
    private String makeRandomCode(){
        String code = "";//存放最终生成的随机字符串

        for(int i = 0; i < 4; i++){
            //从“验证码完整字符串”中,随机下标抽取一个字符,拼接到最终的验证码字符串中
            code += fullCode.charAt(random.nextInt(fullCode.length()));
        }

        return code;
    }

 将生成的字符串转变为图片输出

将字符串转变为图片

//1.创建一副内存图片,相当于绘图的画板(设置宽、高、字体颜色)
BufferedImage image = new BufferedImage(70,30,BufferedImage.TYPE_INT_RGB);

//2.从目标图片对象中,获取一个“绘图对象”,作为“画笔”
Graphics pen = image.getGraphics();

//3.下面开始,使用上面的“画笔”,在图片对象中进行“绘制”
//1).设置笔的颜色,填充背景色
pen.setColor(new Color(255, 174, 201));
pen.fillRect(0, 0, 70, 30); //占满整个图像,填充颜色

//2).在图片上,绘制20条短线,每条短线的颜色随机
for(int i = 0; i < 20; i++){
    //每条短线,绘制前,先设置一个随机颜色
    pen.setColor(makeRandomColor());

    //指定开始、结束点坐标,绘制一个线段
    int x1 = random.nextInt(70);
    int y1 = random.nextInt(30);
    int x2 = x1 + random.nextInt(12);
    int y2 = y1 + random.nextInt(12);

    //绘制短线
    pen.drawLine(x1, y1, x2, y2);
}

//3).生成一个4验证码字符串,并绘制到界面上
String strCode = makeRandomCode();//生成4位随机验证码字符串
System.out.println("本次生成的验证码为:" + strCode);

//将生成的验证码字符串,放入session中,在登录时取出比对验证!
request.getSession().setAttribute("validateCode", strCode);

//将4位验证码字符串,每个字符分别绘制到界面上
for(int i = 0; i < strCode.length(); i++){
    pen.setColor(makeRandomColor());//当前字符颜色随机设置

     //绘制字符
     pen.drawString(strCode.charAt(i) + "", i * 15 + 5, 20);
}

//4.绘制完毕后,将图片以流的方式返回给前端浏览器
ServletOutputStream sos = response.getOutputStream();//从响应对象中,获取字节输出流,通过它给浏览器返回整张图片

//通过Java提供的ImageIO,把内存图片以流的方式,发送到输出流(作为响应返回给浏览器显示)
ImageIO.write(image, "png", sos);
sos.flush();

将验证码放在前面的显示页面

//从参数中,获取登录时,用户填入的待验证的验证码
String strCode = request.getParameter("validateCode");

//从session中获取,之前生成的4位验证码
String validateCode = (String) request.getSession().getAttribute("validateCode");

PrintWriter out = response.getWriter();

//验证,验证码是否输入正确
if(!strCode.equalsIgnoreCase(validateCode)){
   //验证码不一致,返回"1",表示验证码错误
   //通过输出流,将结果数据返回浏览器(不要再跳转页面了)
   out.write("1");
   out.flush();

   return;
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值