Java生成验证码并进行验证

「爱情、让人受尽委屈。」 2022-07-28 08:45 188阅读 0赞

#### 一、实现思路 ####

1.  使用BufferedImage用于在内存中存储生成的验证码图片
2.  使用Graphics来进行验证码图片的绘制，并将绘制在图片上的验证码存放到session中用于后续验证
3.  最后通过ImageIO将生成的图片进行输出
4.  通过页面提交的验证码和存放在session中的验证码对比来进行校验

#### 二、生成验证码 ####

页面通过访问servlet来生成验证码，servlet中的代码如下：

package org.test;
    
    import java.awt.Color;
    import java.awt.Graphics;
    import java.awt.image.BufferedImage;
    import java.io.IOException;
    import java.util.Random;
    
    import javax.imageio.ImageIO;
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    /**
     * @author worm0527
     * 2016-03-22 23:15:54
     * 生成验证码
     */
    public class ImageServlet extends HttpServlet{
    	// 图片高度
    	private static final int IMG_HEIGHT = 100;
    	// 图片宽度
    	private static final int IMG_WIDTH = 30;
    	// 验证码长度
    	private static final int CODE_LEN = 4;
    	
    	@Override
    	protected void doGet(HttpServletRequest req, HttpServletResponse resp)
    			throws ServletException, IOException {
    		doPost(req, resp);
    	}
    
    	@Override
    	protected void doPost(HttpServletRequest req, HttpServletResponse resp)
    			throws ServletException, IOException {
    		// 用于绘制图片，设置图片的长宽和图片类型（RGB)
    		BufferedImage bi = new BufferedImage(IMG_HEIGHT, IMG_WIDTH, BufferedImage.TYPE_INT_RGB);
    		// 获取绘图工具
    		Graphics graphics = bi.getGraphics();
    		graphics.setColor(new Color(100, 230, 200)); // 使用RGB设置背景颜色
    		graphics.fillRect(0, 0, 100, 30); // 填充矩形区域
    		
    		// 验证码中所使用到的字符
    		char[] codeChar = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456".toCharArray();
    		String captcha = ""; // 存放生成的验证码
    		Random random = new Random();
    		for(int i = 0; i < CODE_LEN; i++) { // 循环将每个验证码字符绘制到图片上
    			int index = random.nextInt(codeChar.length);
    			// 随机生成验证码颜色
    			graphics.setColor(new Color(random.nextInt(150), random.nextInt(200), random.nextInt(255)));
    			// 将一个字符绘制到图片上，并制定位置（设置x,y坐标）
    			graphics.drawString(codeChar[index] + "", (i * 20) + 15, 20);
    			captcha += codeChar[index];
    		}
    		// 将生成的验证码code放入sessoin中
    		req.getSession().setAttribute("code", captcha);
    		// 通过ImageIO将图片输出
    		ImageIO.write(bi, "JPG", resp.getOutputStream());
    	}
    	
    }

#### 三、校验验证码 ####

通过前台提交的验证码与session中数据进行对比来校验验证码，代码如下：

package org.test;
    
    import java.io.IOException;
    
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    public class CheckCodeServlet extends HttpServlet{
    
    	@Override
    	protected void doGet(HttpServletRequest req, HttpServletResponse resp)
    			throws ServletException, IOException {
    		doPost(req, resp);
    	}
    
    	@Override
    	protected void doPost(HttpServletRequest req, HttpServletResponse resp)
    			throws ServletException, IOException {
    		// 获取存放在session中的验证码
    		String code = (String) req.getSession().getAttribute("code");
    		// 获取页面提交的验证码
    		String inputCode = req.getParameter("code");
    		if(code.toLowerCase().equals(inputCode.toLowerCase())) { // 验证码不区分大小写
    		    // 验证成功，跳转到成功页面
    			req.getRequestDispatcher("/success.jsp").forward(req, resp);
    		} else { // 验证失败
    			req.getRequestDispatcher("/fail.jsp").forward(req, resp);
    		}
    	}
    
    }

验证码提交页面html代码：

<form action="<%=request.getContextPath() %>/checkCode" method="post">
        请输入验证码：<input type="text" name="code">
        <input type="submit" value="确定">
    </form>
    <img alt="验证码" id="scode" src="<%=request.getContextPath() %>/getCode" >
    <a href="#" onclick="javascript:flushCode();">看不清?</a>

当生成的验证码不清楚时需要刷新重新生成验证码，js代码如下：

function flushCode() {
        // 每次刷新的时候获取当前时间，防止浏览器缓存刷新失败
        var time = new Date();
    	document.getElementById("scode").src = "<%=request.getContextPath()%>/getCode?time=" + time;
    }

#### 四、效果展示 ####

*  生成的验证码

\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-flmKz6zK-1590640848377)(https://img-blog.csdn.net/20160406220016364 “生成的验证码”)\]

*  验证成功

![这里写图片描述][format_png]

![这里写图片描述][format_png 1]

*  验证失败

![这里写图片描述][format_png 2]

![这里写图片描述][format_png 3]

#### 五、总结 ####

本文介绍了验证码的生成和验证，生成的验证码比较简单没有添加线条等干扰因素，比较容易识别。在实际的项目中可采用其他的第三方验证码库来生成验证码。

[format_png]: /images/20220727/c79e546928fb419ca9ab2173a0355c19.png
[format_png 1]: /images/20220727/c542201a547d45eab87930c9bb7e665e.png
[format_png 2]: /images/20220727/c5e31d1d0da24e6396320fd98378339e.png
[format_png 3]: /images/20220727/e9decfc320e24986865aafd592685df0.png