JDK生成图片验证码的方法

一、生成验证码图片

​ 业务逻辑就是,我们需要用JDK自带的类,来生成我们需要的验证码的图片,然后我们在图片中写入验证码,或验证码的干扰线等。就好比画画,我们的图片就是画板,生成画板以后,我们调用java的API来往画板上添加东西,最后实现一个验证码的样式。

  1. 创建一个普通的java项目并创建类用于测试。

  2. 创建变量用于存放要放入照片中的字符

    //声明要存放到图片中的字符  没有添加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"};
    
  3. 我们调用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"));
        }
    
    }
    
  4. 我们运行这个main方法,查看指定路径中的文件夹是否生成了这张图片。

    在这里插入图片描述

  5. 可以看到我们已经生成了,默认是黑色的。

  6. 这时候我们需要先改变一下图片的底色,就是设置一下画笔的颜色,然后把这个矩形填充掉就好了。

    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"));
    }
    
  7. 这时候我们运行main方法,再打开文件夹查看图片,可以查看到已经改变底色了。

    在这里插入图片描述

  8. 然后就该往图片上添加内容了,首先我们要改一下画笔的颜色,然后就是循环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"));
    }
    
  9. 此时我们运行main,然后查看图片效果

    在这里插入图片描述

  10. 可以发现,我们是写入东西了,但是由于num、x、y的值被写死了,所以写了四遍一样的字符在同一个位置。

  11. 这时候我们需要优化,把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"));
    }
    
  12. 这时候我们运行main方法,查看生成的图片

    在这里插入图片描述

二、优化

1、添加干扰线

  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、改变每个字体颜色

  1. 仔细体会第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、给干扰线也改变颜色

  1. 体会干扰线中循环内改变颜色的步骤,和上面的一样。

    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、把背景色也设置为随机

  1. 把第6步放到第2步上面,再把第2步替换为如下代码就好了

    //2.把画笔设置随机颜色
            g.setColor(new Color(random.nextInt(256),random.nextInt(256),random.nextInt(256)));
    

4、图片路径改为随机生成

  1. 改为随机生成的话,这样每生成一次,就不会覆盖原来的图片了,体会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"));
    }
    
  2. 测试结果:

    在这里插入图片描述

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"));
    
    
        }
    
    }
    
    • 结果:

      在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值