JavaWeb简易验证码生成大致流程_web验证码生成流程-CSDN博客

本文链接：https://blog.csdn.net/qq_44378358/article/details/110575219

创建Servlet类继承自HttpServlet
通过BufferedImage创建一个绘图对象

		int width = 100;
		int height = 50;
		// 创建一个绘图对象
		BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);

创建画笔对象,用来填充颜色或绘图

        Graphics g = image.getGraphics();   // 画笔对象
        g.setColor(Color.pink);
        g.fillRect(0, 0, width, height);    // 填充颜色
        // 画边框
        g.setColor(Color.BLUE);
        g.drawRect(0, 0, width - 1, height - 1);

随机生成几个字符或数字,并绘制到绘图板

        for (int i = 1; i <= 4; i++) {
            int index = random.nextInt(string.length());
            // 获取字符
            char c = string.charAt(index);
            // 写验证码
            g.drawString(c + "", width / 5 * i, height / 2);
            // 可以适当增加干扰线,参数是一条线的起始坐标和结束坐标
            g.drawLine(random.nextInt(width), random.nextInt(height), random.nextInt(width), random.nextInt(height));

        }

将图片输出到页面, 此处的jpg表示其他网页可以通过img标签来显示此图片

// 将图片输出到页面展示
        ImageIO.write(image, "jpg", response.getOutputStream());

书写一个建议的html页面,用以输出验证码, 可见可以用类似于调用图片的方式使用此验证码
书写简易js代码,查看是否每次调用服务器图片都会有不同的验证码, 改代码实现每次单击图片都会访问一次checkCodeServlet,从而获取一张新的验证码
执行,发现并不能得到理想的效果,每次单机图片验证码并不会发生改变
原因,由于浏览器会缓存服务器发送过来的数据,等到第二次访问时,浏览器认为自己已经获取过该数据,就会获取本地的数据而非服务器上的数据.
解决方法
方法一. 可以在javascript代码中将时间戳添加到src后,这样每次客户端请求数据都一定不会被缓存
方法二. 禁用浏览器缓存, 可以在服务器代码中对于验证码部分的代码,设置相应头为:“no-cache”,该种方式不会允许浏览器将验证码存放在缓存中,那么浏览器每次访问资源都不得不从服务器获取,得到的结果就自然不会相同.

		response.setHeader("Cache-control", "no-cache");
        response.setHeader("pragma", "no-cache");
        response.setDateHeader("expires", -1);