一、生成验证码图片
业务逻辑就是,我们需要用JDK自带的类,来生成我们需要的验证码的图片,然后我们在图片中写入验证码,或验证码的干扰线等。就好比画画,我们的图片就是画板,生成画板以后,我们调用java的API来往画板上添加东西,最后实现一个验证码的样式。
-
创建一个普通的java项目并创建类用于测试。
-
创建变量用于存放要放入照片中的字符
//声明要存放到图片中的字符 没有添加o、0、1是因为怕用户搞混。 static String[] str = {"a","b","c","d","e","f","g","h","i","j","k","l","m","n","p","q","r", "s","t","u","v","w","x","y","z","2","3","4","5","6","7","8","9"};
-
我们调用JDK中自带的方法,来生成我们自己设置的图片
package com.tcc.util; import javax.imageio.ImageIO; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; /** * @author 宇辰 * 2022/4/17 - 15:34 */ public class PicCodeUtil { //声明要存放到图片中的字符 没有添加o、0、1是因为怕用户搞混。 static String[] str = {"a","b","c","d","e","f","g","h","i","j","k","l","m","n","p","q","r", "s","t","u","v","w","x","y","z","2","3","4","5","6","7","8","9"}; public static void main(String[] args) throws IOException { //图片宽度 int w = 150; //图片高度 int h = 50; //图片类型 int imageType = BufferedImage.TYPE_INT_RGB; //或 //int imageType = 1; //创建一个图片 java提供的图片类 BufferedImage image = new BufferedImage(w,h,imageType); //把image生成到本地上 ImageIO.write(image,"jpg",new File("C:\\Users\\lenovo\\Desktop\\PicCode\\test.jpg")); } }
-
我们运行这个main方法,查看指定路径中的文件夹是否生成了这张图片。
-
可以看到我们已经生成了,默认是黑色的。
-
这时候我们需要先改变一下图片的底色,就是设置一下画笔的颜色,然后把这个矩形填充掉就好了。
public static void main(String[] args) throws IOException { //图片宽度 int w = 150; //图片高度 int h = 50; //图片类型 int imageType = BufferedImage.TYPE_INT_RGB; //或 //int imageType = 1; //创建一个图片 java提供的图片类 BufferedImage image = new BufferedImage(w,h,imageType); //修改图片的底色 //1.先获取的画笔的对象 Graphics g = image.getGraphics(); //2.把画笔设置成黄色 g.setColor(Color.yellow); //3.填充矩形,参数解释:x:x轴坐标 y:y轴坐标 width:填充矩形的宽 height:填充矩形的高 x,y设置为0意思是从左上角开始 g.fillRect(0,0,w,h); //把image生成到本地上 ImageIO.write(image,"jpg",new File("C:\\Users\\lenovo\\Desktop\\PicCode\\test.jpg")); }
-
这时候我们运行main方法,再打开文件夹查看图片,可以查看到已经改变底色了。
-
然后就该往图片上添加内容了,首先我们要改一下画笔的颜色,然后就是循环4次,填入4个我们定义好的字符,仔细体会4、5步。
public static void main(String[] args) throws IOException { //图片宽度 int w = 150; //图片高度 int h = 50; //图片类型 int imageType = BufferedImage.TYPE_INT_RGB; //或 //int imageType = 1; //创建一个图片 java提供的图片类 BufferedImage image = new BufferedImage(w,h,imageType); //修改图片的底色 //1.先获取的画笔的对象 Graphics g = image.getGraphics(); //2.把画笔设置成黄色 g.setColor(Color.yellow); //3.填充矩形,参数解释:x:x轴坐标 y:y轴坐标 width:填充矩形的宽 height:填充矩形的高 x,y设置为0意思是从左上角开始 g.fillRect(0,0,w,h); //接下来该往图片上写入字符了 //4.改变画笔颜色 g.setColor(Color.red); //5.填入四个字符 写四个,遍历4次 for (int i = 0; i < 4; i++) { //字符串的下标 int num = 0; //往图片上写入字符串,val1:写入的字符 val2:x坐标 val3:y坐标 g.drawString(str[num],30,30); } //把image生成到本地上 ImageIO.write(image,"jpg",new File("C:\\Users\\lenovo\\Desktop\\PicCode\\test.jpg")); }
-
此时我们运行main,然后查看图片效果
-
可以发现,我们是写入东西了,但是由于num、x、y的值被写死了,所以写了四遍一样的字符在同一个位置。
-
这时候我们需要优化,把x坐标循环往右移动,数组的下标也要随机,仔细体会以下4-9步。
public static void main(String[] args) throws IOException { //图片宽度 int w = 150; //图片高度 int h = 50; //图片类型 int imageType = BufferedImage.TYPE_INT_RGB; //或 //int imageType = 1; //创建一个图片 java提供的图片类 BufferedImage image = new BufferedImage(w,h,imageType); //修改图片的底色 //1.先获取的画笔的对象 Graphics g = image.getGraphics(); //2.把画笔设置成黄色 g.setColor(Color.yellow); //3.填充矩形,参数解释:x:x轴坐标 y:y轴坐标 width:填充矩形的宽 height:填充矩形的高 x,y设置为0意思是从左上角开始 g.fillRect(0,0,w,h); //接下来该往图片上写入字符了 //4.改变画笔颜色 g.setColor(Color.red); //9.数字有点小,调大一点 val1:字体的类型,val2:字体的样式,plain为普通的、blod加粗的等,val3:字体大小 g.setFont(new Font("楷体",Font.PLAIN,25)); //6.创建一个Random对象,调用其中生成随机数的方法 Random random = new Random(); //字符x的坐标 int x = 30; //5.填入四个字符 写四个,循环4次 for (int i = 0; i < 4; i++) { //7.字符串的下标 调用random中的方法,生成0-str.length-1以内的随机数 如果为20的话,则生成0-19以内的,这里用数组长度刚刚好 int num = random.nextInt(str.length); //往图片上写入字符串,val1:写入的字符 val2:x坐标 val3:y坐标 g.drawString(str[num],x,30); //8.每循环一次就让x往右移动25个坐标点 x += 25; } //把image生成到本地上 ImageIO.write(image,"jpg",new File("C:\\Users\\lenovo\\Desktop\\PicCode\\test.jpg")); }
-
这时候我们运行main方法,查看生成的图片
二、优化
1、添加干扰线
-
这时候我们的图片已经差不多了,我们再生成一些干扰线优化一下,仔细体会第10步的for循环内的代码。
public static void main(String[] args) throws IOException { //图片宽度 int w = 150; //图片高度 int h = 50; //图片类型 int imageType = BufferedImage.TYPE_INT_RGB; //或 //int imageType = 1; //创建一个图片 java提供的图片类 BufferedImage image = new BufferedImage(w,h,imageType); //修改图片的底色 //1.先获取的画笔的对象 Graphics g = image.getGraphics(); //2.把画笔设置成黄色 g.setColor(Color.yellow); //3.填充矩形,参数解释:x:x轴坐标 y:y轴坐标 width:填充矩形的宽 height:填充矩形的高 x,y设置为0意思是从左上角开始 g.fillRect(0,0,w,h); //接下来该往图片上写入字符了 //4.改变画笔颜色 g.setColor(Color.red); //9.数字有点小,调大一点 val1:字体的类型,val2:字体的样式,plain为普通的、blod加粗的等,val3:字体大小 g.setFont(new Font("楷体",Font.PLAIN,25)); //6.创建一个Random对象,调用其中生成随机数的方法 Random random = new Random(); //字符x的坐标 int x = 30; //5.填入四个字符 写四个,循环4次 for (int i = 0; i < 4; i++) { //7.字符串的下标 调用random中的方法,生成0-str.length-1以内的随机数 如果为20的话,则生成0-19以内的,这里用数组长度刚刚好 int num = random.nextInt(str.length); //往图片上写入字符串,val1:写入的字符 val2:x坐标 val3:y坐标 g.drawString(str[num],x,30); //8.每循环一次就让x往右移动25个坐标点 x += 25; } //10.循环5次,画5条直线,作为干扰线 for (int i = 0; i < 5; i++) { //生成30以内的随机数 int x1 = random.nextInt(30); int y1 = random.nextInt(50); //外面加上120意思为终点的坐标最少和起点相差120个坐标值 int x2 = random.nextInt(30)+120; int y2 = random.nextInt(50); //画一条直线,x1,y1:起点 x2,y2:终点 两点确定一条直线 g.drawLine(x1,y1,x2,y2); } //把image生成到本地上 ImageIO.write(image,"jpg",new File("C:\\Users\\lenovo\\Desktop\\PicCode\\test.jpg")); }
2、改变每个字体颜色
-
仔细体会第4步的位置和参数设置
public static void main(String[] args) throws IOException { //图片宽度 int w = 150; //图片高度 int h = 50; //图片类型 int imageType = BufferedImage.TYPE_INT_RGB; //或 //int imageType = 1; //创建一个图片 java提供的图片类 BufferedImage image = new BufferedImage(w,h,imageType); //修改图片的底色 //1.先获取的画笔的对象 Graphics g = image.getGraphics(); //2.把画笔设置成黄色(背景色) g.setColor(Color.yellow); //3.填充矩形,参数解释:x:x轴坐标 y:y轴坐标 width:填充矩形的宽 height:填充矩形的高 x,y设置为0意思是从左上角开始 g.fillRect(0,0,w,h); //接下来该往图片上写入字符了 //9.数字有点小,调大一点 val1:字体的类型,val2:字体的样式,plain为普通的、blod加粗的等,val3:字体大小 g.setFont(new Font("楷体",Font.PLAIN,25)); //6.创建一个Random对象,调用其中生成随机数的方法 Random random = new Random(); //字符x的坐标 int x = 30; //5.填入四个字符 写四个,循环4次 for (int i = 0; i < 4; i++) { //4.改变画笔颜色(字符颜色) //g.setColor(Color.red); //每循环一次改变一下字体颜色,参数:rgb为三基色的值,值的范围为0-255,这么设置值偶尔会有看不清楚的颜色,要慎重。 g.setColor(new Color(random.nextInt(256),random.nextInt(256),random.nextInt(256))); //7.字符串的下标 调用random中的方法,生成0-str.length-1以内的随机数 如果为20的话,则生成0-19以内的,这里用数组长度刚刚好 int num = random.nextInt(str.length); //往图片上写入字符串,val1:写入的字符 val2:x坐标 val3:y坐标 g.drawString(str[num],x,30); //8.每循环一次就让x往右移动25个坐标点 x += 25; } //10.循环5次,画5条直线,作为干扰线 for (int i = 0; i < 5; i++) { int x1 = random.nextInt(30); int y1 = random.nextInt(50); //外面加上120意思为终点的坐标最少和起点相差120个坐标值 int x2 = random.nextInt(30)+120; int y2 = random.nextInt(50); //画一条直线,x1,y1:起点 x2,y2:终点 两点确定一条直线 g.drawLine(x1,y1,x2,y2); } //把image生成到本地上 ImageIO.write(image,"jpg",new File("C:\\Users\\lenovo\\Desktop\\PicCode\\test.jpg")); }
3、给干扰线也改变颜色
-
体会干扰线中循环内改变颜色的步骤,和上面的一样。
public static void main(String[] args) throws IOException { //图片宽度 int w = 150; //图片高度 int h = 50; //图片类型 int imageType = BufferedImage.TYPE_INT_RGB; //或 //int imageType = 1; //创建一个图片 java提供的图片类 BufferedImage image = new BufferedImage(w,h,imageType); //修改图片的底色 //1.先获取的画笔的对象 Graphics g = image.getGraphics(); //2.把画笔设置成黄色(背景色) g.setColor(Color.yellow); //3.填充矩形,参数解释:x:x轴坐标 y:y轴坐标 width:填充矩形的宽 height:填充矩形的高 x,y设置为0意思是从左上角开始 g.fillRect(0,0,w,h); //接下来该往图片上写入字符了 //9.数字有点小,调大一点 val1:字体的类型,val2:字体的样式,plain为普通的、blod加粗的等,val3:字体大小 g.setFont(new Font("楷体",Font.PLAIN,25)); //6.创建一个Random对象,调用其中生成随机数的方法 Random random = new Random(); //字符x的坐标 int x = 30; //5.填入四个字符 写四个,循环4次 for (int i = 0; i < 4; i++) { //4.改变画笔颜色(字符颜色) //g.setColor(Color.red); //每循环一次改变一下字体颜色,参数:rgb为三基色的值,值的范围为0-255 g.setColor(new Color(random.nextInt(256),random.nextInt(256),random.nextInt(256))); //7.字符串的下标 调用random中的方法,生成0-str.length-1以内的随机数 如果为20的话,则生成0-19以内的,这里用数组长度刚刚好 int num = random.nextInt(str.length); //往图片上写入字符串,val1:写入的字符 val2:x坐标 val3:y坐标 g.drawString(str[num],x,30); //8.每循环一次就让x往右移动25个坐标点 x += 25; } //10.循环5次,画5条直线,作为干扰线 for (int i = 0; i < 5; i++) { //每循环一次改变一下干扰线颜色,参数:rgb为三基色的值,值的范围为0-255 g.setColor(new Color(random.nextInt(256),random.nextInt(256),random.nextInt(256))); int x1 = random.nextInt(30); int y1 = random.nextInt(50); //外面加上120意思为终点的坐标最少和起点相差120个坐标值 int x2 = random.nextInt(30)+120; int y2 = random.nextInt(50); //画一条直线,x1,y1:起点 x2,y2:终点 两点确定一条直线 g.drawLine(x1,y1,x2,y2); } //把image生成到本地上 ImageIO.write(image,"jpg",new File("C:\\Users\\lenovo\\Desktop\\PicCode\\test.jpg")); }
5、把背景色也设置为随机
-
把第6步放到第2步上面,再把第2步替换为如下代码就好了
//2.把画笔设置随机颜色 g.setColor(new Color(random.nextInt(256),random.nextInt(256),random.nextInt(256)));
4、图片路径改为随机生成
-
改为随机生成的话,这样每生成一次,就不会覆盖原来的图片了,体会11、12步
public static void main(String[] args) throws IOException { //图片宽度 int w = 150; //图片高度 int h = 50; //图片类型 int imageType = BufferedImage.TYPE_INT_RGB; //或 //int imageType = 1; //创建一个图片 java提供的图片类 BufferedImage image = new BufferedImage(w,h,imageType); //修改图片的底色 //1.先获取的画笔的对象 Graphics g = image.getGraphics(); //2.把画笔设置成黄色(背景色) g.setColor(Color.yellow); //3.填充矩形,参数解释:x:x轴坐标 y:y轴坐标 width:填充矩形的宽 height:填充矩形的高 x,y设置为0意思是从左上角开始 g.fillRect(0,0,w,h); //接下来该往图片上写入字符了 //9.数字有点小,调大一点 val1:字体的类型,val2:字体的样式,plain为普通的、blod加粗的等,val3:字体大小 g.setFont(new Font("楷体",Font.PLAIN,25)); //6.创建一个Random对象,调用其中生成随机数的方法 Random random = new Random(); //字符x的坐标 int x = 30; //5.填入四个字符 写四个,循环4次 for (int i = 0; i < 4; i++) { //4.改变画笔颜色(字符颜色) //g.setColor(Color.red); //每循环一次改变一下字体颜色,参数:rgb为三基色的值,值的范围为0-255 g.setColor(new Color(random.nextInt(256),random.nextInt(256),random.nextInt(256))); //7.字符串的下标 调用random中的方法,生成0-str.length-1以内的随机数 如果为20的话,则生成0-19以内的,这里用数组长度刚刚好 int num = random.nextInt(str.length); //往图片上写入字符串,val1:写入的字符 val2:x坐标 val3:y坐标 g.drawString(str[num],x,30); //8.每循环一次就让x往右移动25个坐标点 x += 25; } //10.循环5次,画5条直线,作为干扰线 for (int i = 0; i < 5; i++) { //每循环一次改变一下干扰线颜色,参数:rgb为三基色的值,值的范围为0-255 g.setColor(new Color(random.nextInt(256),random.nextInt(256),random.nextInt(256))); int x1 = random.nextInt(30); int y1 = random.nextInt(50); //外面加上120意思为终点的坐标最少和起点相差120个坐标值 int x2 = random.nextInt(30)+120; int y2 = random.nextInt(50); //画一条直线,x1,y1:起点 x2,y2:终点 两点确定一条直线 g.drawLine(x1,y1,x2,y2); } //11.生成随机的uuid,得先转为String类型,然后把-替换为空字符串(去除-),截取其中的20位(原来为3位,太长了) String uuid = UUID.randomUUID().toString().replace("-","").substring(0,20); //12.把image生成到本地上 ImageIO.write(image,"jpg",new File("C:\\Users\\lenovo\\Desktop\\PicCode\\"+uuid+".jpg")); }
-
测试结果:
5、方法打包
方法目前是在main方法内,方便测试,我们需要把main方法内的方法提取出来,放到自定义的工具类中,然后返回自己需要的值就好了,需要的时候,调用下方法就可以了(自己测试吧)。
-
参考
package com.tcc.util; import javax.imageio.ImageIO; import java.awt.*; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import java.util.HashMap; import java.util.Map; import java.util.Random; import java.util.UUID; /** * @author 宇辰 * 2022/4/17 - 15:34 */ public class PicCodeUtil { //声明要存放到图片中的字符 没有添加o、0、1是因为怕用户搞混。 static String[] str = {"a","b","c","d","e","f","g","h","i","j","k","l","m","n","p","q","r", "s","t","u","v","w","x","y","z","2","3","4","5","6","7","8","9"}; public static void main(String[] args) throws IOException { //图片宽度 int w = 150; //图片高度 int h = 50; //图片类型 int imageType = BufferedImage.TYPE_INT_RGB; //或 //int imageType = 1; //创建一个图片 java提供的图片类 BufferedImage image = new BufferedImage(w,h,imageType); //修改图片的底色 //6.创建一个Random对象,调用其中生成随机数的方法 Random random = new Random(); //1.先获取的画笔的对象 Graphics g = image.getGraphics(); //2.把画笔设置随机颜色 g.setColor(new Color(random.nextInt(256),random.nextInt(256),random.nextInt(256))); //3.填充矩形,参数解释:x:x轴坐标 y:y轴坐标 width:填充矩形的宽 height:填充矩形的高 x,y设置为0意思是从左上角开始 g.fillRect(0,0,w,h); //接下来该往图片上写入字符了 //9.数字有点小,调大一点 val1:字体的类型,val2:字体的样式,plain为普通的、blod加粗的等,val3:字体大小 g.setFont(new Font("楷体",Font.PLAIN,25)); //字符x的坐标 int x = 30; //创建字符串对象,用于拼接随机生成的验证码 StringBuffer randomCode = new StringBuffer(); //5.填入四个字符 写四个,循环4次 for (int i = 0; i < 4; i++) { //4.改变画笔颜色(字符颜色) //g.setColor(Color.red); //每循环一次改变一下字体颜色,参数:rgb为三基色的值,值的范围为0-255 g.setColor(new Color(random.nextInt(256),random.nextInt(256),random.nextInt(256))); //7.字符串的下标 调用random中的方法,生成0-str.length-1以内的随机数 如果为20的话,则生成0-19以内的,这里用数组长度刚刚好 int num = random.nextInt(str.length); //往图片上写入字符串,val1:写入的字符 val2:x坐标 val3:y坐标 g.drawString(str[num],x,30); //8.每循环一次就让x往右移动25个坐标点 x += 25; // 将产生的四个随机数组合在一起。 randomCode.append(str[num]); } //10.循环5次,画5条直线,作为干扰线 for (int i = 0; i < 5; i++) { //每循环一次改变一下干扰线颜色,参数:rgb为三基色的值,值的范围为0-255 g.setColor(new Color(random.nextInt(256),random.nextInt(256),random.nextInt(256))); int x1 = random.nextInt(30); int y1 = random.nextInt(50); //外面加上120意思为终点的坐标最少和起点相差120个坐标值 int x2 = random.nextInt(30)+120; int y2 = random.nextInt(50); //画一条直线,x1,y1:起点 x2,y2:终点 两点确定一条直线 g.drawLine(x1,y1,x2,y2); } //创建map对象,用于存放方法返回值 Map<String, Object> map = new HashMap<>(); //存放验证码 map.put("code", randomCode); //11.生成随机的uuid,得先转为String类型,然后把-替换为空字符串(去除-),截取其中的20位(原来为3位,太长了) String uuid = UUID.randomUUID().toString().replace("-","").substring(0,20); //12.把image生成到本地上 ImageIO.write(image,"jpg",new File("C:\\Users\\lenovo\\Desktop\\PicCode\\"+uuid+".jpg")); map.put("picUrl",""+uuid+".jpg"); //打印验证码 System.out.println(map.get("code")); //打印随机生成的图片路径 System.out.println(map.get("picUrl")); } }
-
结果:
-