前言
我们经常在网站上看到验证码,它是一幅图片,上面有文字和一些干扰线。下面就让我们用Java来实现验证码。
1.首先新建一个ImageVerificationCode类
package com.xxx.utils;
import javax.imageio.ImageIO;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.OutputStream;
import java.util.Random;
public class ImageVerificationCode {
private static int weight = 100; //验证码图片的长和宽
private static int height = 28;
private static String text; //用来保存验证码的文本内容
private static Random r = new Random(); //获取随机数对象
//private String[] fontNames = {"宋体", "华文楷体", "黑体", "微软雅黑", "楷体_GB2312"}; //字体数组
//字体数组
private static String[] fontNames = {"Georgia"};
//验证码数组
private static String codes = "23456789abcdefghjkmnopqrstuvwxyzABCDEFGHJKMNPQRSTUVWXYZ";
/**
* 获取随机的颜色
*
* @return
*/
private static Color randomColor() {
int r = ImageVerificationCode.r.nextInt(225); //这里为什么是225,因为当r,g,b都为255时,即为白色,为了好辨认,需要颜色深一点。
int g = ImageVerificationCode.r.nextInt(225);
int b = ImageVerificationCode.r.nextInt(225);
return new Color(r, g, b); //返回一个随机颜色
}
/**
* 获取随机字体
*
* @return
*/
private static 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 static char randomChar() {
int index = r.nextInt(codes.length());
return codes.charAt(index);
}
/**
* 画干扰线,验证码干扰线用来防止计算机解析图片
*
* @param image
*/
private static 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 static 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 static 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);
}
ImageVerificationCode.text = sb.toString();
drawLine(image);
return image;
}
/**
* 获取验证码文本的方法
*
* @return
*/
public static String getText() {
return text;
}
public static void output(BufferedImage image, OutputStream out) throws IOException //将验证码图片写出的方法
{
ImageIO.write(image, "JPEG", out);
}
}
这个类提供了获取一张图片,再在这张图片上写文字,画干扰线的方法。还提供了output方法将image文件写入OutputStream 输出流中。
UserController
@RequestMapping(value = "/verificationCode",method = RequestMethod.POST)
@ApiOperation("/获取验证码图片")
@CrossOrigin
/*
生成并存储验证码并返回验证码的id
*/
public ApiResult verificationCode() throws IOException {
ByteArrayOutputStream outputStream = new ByteArrayOutputStream();
ImageVerificationCode.output(ImageVerificationCode.getImage(),outputStream);
//存储验证码(60秒过期)
String uuid = UUID.randomUUID().toString().replaceAll("-", "");
String text = ImageVerificationCode.getText();
//通过redis设置验证码的过期时间。
redisTemplate.opsForValue().set(uuid,text,60, TimeUnit.SECONDS);
//字节数组(二进制) -》 base64(可打印字符)
byte[] bytes = outputStream.toByteArray();
String encoder = Base64.getEncoder().encodeToString(bytes);
encoder = "data:image/png;base64," + encoder;
//构造返回值data
Map<String,Object> map = new HashMap<>();
map.put("key",uuid);
map.put("encoder",encoder);
return R.ok(map);
}
上述方法时请求验证码图片的方法,我们可以看到服务器回传了一个由字节数组转化而来的Base64串,再加上"data:image/png;base64,"头后,直接返回给了浏览器。
这里我们要知道:这种data: URI的格式能把Base64编码的数据内嵌在image标签的属性当中,浏览器可以直接将其显示为图片。
至此,验证码便在网页上生成了。注意:验证码在生成的时候都有一个唯一标识,标识以 “标识UUID—验证码text” 的格式存储在redis中,再通过redis中设置的expireTime就可以判断验证码是否已经过期了。