java实现验证码

注释写在了代码里面

一、工具类


import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.OutputStream;
import java.util.Random;

import javax.imageio.ImageIO;

/**
 * java生成图片验证码
 */
public class VerifyCode {

	private int weight = 84;           //验证码图片的长和宽
	private int height = 40;
	private String text;                //用来保存验证码的文本内容
	private Random r = new Random();    //获取随机数对象
	//private String[] fontNames = {"宋体", "华文楷体", "黑体", "微软雅黑", "楷体_GB2312"};   //字体数组
	//字体数组
	private String[] fontNames = {"Georgia"};
	//验证码数组
	private String codes = "23456789abcdefghjkmnopqrstuvwxyzABCDEFGHJKMNPQRSTUVWXYZ";

	/**
	 * 获取随机的颜色
	 *
	 * @return
	 */
	private Color randomColor() {
		int r = this.r.nextInt(225);  //这里为什么是225,因为当r,g,b都为255时,即为白色,为了好辨认,需要颜色深一点。
		int g = this.r.nextInt(225);
		int b = this.r.nextInt(225);
		return new Color(r, g, b);            //返回一个随机颜色
	}

	/**
	 * 获取随机字体
	 *
	 * @return
	 */
	private Font randomFont() {
		int index = r.nextInt(fontNames.length);  //获取随机的字体
		String fontName = fontNames[index];
		int style = r.nextInt(4);         //随机获取字体的样式,0是无样式,1是加粗,2是斜体,3是加粗加斜体
		int size = r.nextInt(10) + 24;    //随机获取字体的大小
		return new Font(fontName, style, size);   //返回一个随机的字体
	}

	/**
	 * 获取随机字符
	 *
	 * @return
	 */
	private char randomChar() {
		int index = r.nextInt(codes.length());
		return codes.charAt(index);
	}

	/**
	 * 画干扰线,验证码干扰线用来防止计算机解析图片
	 *
	 * @param image
	 */
	private void drawLine(BufferedImage image) {
		int num = r.nextInt(10); //定义干扰线的数量
		Graphics2D g = (Graphics2D) image.getGraphics();
		for (int i = 0; i < num; i++) {
			int x1 = r.nextInt(weight);
			int y1 = r.nextInt(height);
			int x2 = r.nextInt(weight);
			int y2 = r.nextInt(height);
			g.setColor(randomColor());
			g.drawLine(x1, y1, x2, y2);
		}
	}

	/**
	 * 创建图片的方法
	 *
	 * @return
	 */
	private BufferedImage createImage() {
		//创建图片缓冲区
		BufferedImage image = new BufferedImage(weight, height, BufferedImage.TYPE_INT_RGB);
		//获取画笔
		Graphics2D g = (Graphics2D) image.getGraphics();
		//设置背景色随机
		g.setColor(new Color(255, 255, r.nextInt(245) + 10));
		g.fillRect(0, 0, weight, height);
		//返回一个图片
		return image;
	}

	/**
	 * 获取验证码图片的方法
	 *
	 * @return
	 */
	public BufferedImage getImage() {
		BufferedImage image = createImage();
		Graphics2D g = (Graphics2D) image.getGraphics(); //获取画笔
		StringBuilder sb = new StringBuilder();
		for (int i = 0; i < 4; i++)             //画四个字符即可
		{
			String s = randomChar() + "";      //随机生成字符,因为只有画字符串的方法,没有画字符的方法,所以需要将字符变成字符串再画
			sb.append(s);                      //添加到StringBuilder里面
			float x = i * 1.0F * weight / 4;   //定义字符的x坐标
			g.setFont(randomFont());           //设置字体,随机
			g.setColor(randomColor());         //设置颜色,随机
			g.drawString(s, x, height - 5);
		}
		this.text = sb.toString();
		drawLine(image);
		return image;
	}

	/**
	 * 获取验证码文本的方法
	 *
	 * @return
	 */
	public String getText() {
		return text;
	}

	public static void output(BufferedImage image, OutputStream out) throws IOException                  //将验证码图片写出的方法
	{
		ImageIO.write(image, "JPEG", out);
	}
}

二、生成验证码

public void getVerifiCode(HttpServletRequest request, HttpServletResponse response) throws IOException {
        /*
		 1.生成验证码
		 2.把验证码上的文本存在session中
		 3.把验证码图片发送给客户端
	    */

		//用我们的验证码类,生成验证码类对象
        VerifyCode ivc = new VerifyCode();
		//获取验证码
        BufferedImage image = ivc.getImage();
		//将验证码的文本存在session中
		request.getSession().setAttribute("text", ivc.getText());
		//将验证码图片响应给客户端
		ivc.output(image, response.getOutputStream());
	}

三、获取验证码的内容

这里可以在业务角度进行判断,用户输入是否正确、是否为空等等。

public String Login_authentication(HttpServletRequest request,HttpServletResponse response) throws IOException, ServletException {
		request.setCharacterEncoding("utf-8");
		String session_vcode=(String) request.getSession().getAttribute("text");    //从session中获取真正的验证码
		return session_vcode;
	}

四、前端调用

1、用户界面显示
	<div class="txt">
        <span style="float:left;letter-spacing:8px;">验证码:</span>
         <input id="pdyzm" type="text" class="txtyzm" placeholder="请输入页面验证码"  style="margin-left: 14px;" />
         <a href="javascript:getVerifiCode()">
             <img id="yzm_img" style="cursor:pointer;width: 95px;height: 36px;margin: 5px 0 0 5px;border-radius: 3px;" title="点击刷新验证码" src=""/>
         </a>
     </div>
2、刷新验证码(看不清的时候)
//刷新图片验证码,这里我需要说明的是src后面的路径信息是我在maven项目中的路径,大家在用的时候需要设置成自己
function getVerifiCode() {
	$("#yzm_img").prop('src','/login/getVerifiCode?a='+new Date().getTime());
}

在这里插入图片描述

如果调用失败,可以私信我。

©️2020 CSDN 皮肤主题: 书香水墨 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值