Java Web 图片验证码实现教程

在 Java Web 开发中，图片验证码是一种常见的安全机制，用于防止恶意程序的自动化攻击。本文将提供一个简单易懂的教程，演示如何使用 Java Web 技术实现图片验证码功能。

1. 创建验证码生成页面 (captcha.jsp)

首先，我们需要创建一个 JSP 页面，用于生成和显示验证码图片。以下是代码示例：java<%@ page language='java' contentType='image/jpeg' %><%@ page import='java.awt.' %><%@ page import='java.awt.image.' %><%@ page import='java.util.' %><%@ page import='javax.imageio.' %><%@ page import='java.io.*' %>

<% // 定义验证码图片的尺寸 int width = 200; int height = 50;

// 创建一个新的图片对象    BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);    Graphics2D g = image.createGraphics();

// 生成随机的验证码    String captcha = generateCaptcha();

// 设置验证码图片的背景色和前景色    g.setColor(Color.WHITE);    g.fillRect(0, 0, width, height);    g.setColor(Color.BLACK);

// 在图片上绘制验证码    g.setFont(new Font('Arial', Font.BOLD, 30));    g.drawString(captcha, 50, 40);

// 将验证码保存到session中    session.setAttribute('captcha', captcha);

// 将图片输出到浏览器    OutputStream out = response.getOutputStream();    ImageIO.write(image, 'jpeg', out);    out.close();%>

<% // 生成随机的验证码 private String generateCaptcha() { String chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; Random rand = new Random(); StringBuilder sb = new StringBuilder(); for (int i = 0; i < 6; i++) { int index = rand.nextInt(chars.length()); sb.append(chars.charAt(index)); } return sb.toString(); }%>

代码说明:

• 这段代码首先生成了一个指定大小的图片。- 然后，使用随机字符生成验证码并绘制在图片上。- 最后，将生成的验证码保存到 session 中，并将图片输出到浏览器。

2. 在需要验证码的页面中嵌入图片

接下来，在需要显示验证码的页面中，使用 <img> 标签引用 captcha.jsp 页面，以显示验证码图片：html

验证码示例

3. 后端验证输入的验证码

最后，在用户提交表单后，我们需要在后端验证用户输入的验证码是否正确。以下是示例代码：java@WebServlet('/submitForm')public class FormServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String userInput = request.getParameter('captchaInput'); String captcha = (String)request.getSession().getAttribute('captcha');

    if (captcha.equalsIgnoreCase(userInput)) {            // 验证码正确，执行相应的逻辑        } else {            // 验证码错误，返回错误信息给用户        }    }}

代码说明:

• 这段代码从 session 中获取之前保存的验证码，并将其与用户输入的验证码进行比较。- 如果两者一致，则验证码验证通过；否则，验证失败。

总结

通过以上步骤，我们成功地实现了一个简单的图片验证码功能。您可以根据自己的需求，对代码进行修改和扩展，例如更改验证码的长度、字体、颜色等，以增强网站的安全性。