JSP实现简单图片验证码功能

在现代的Web开发中，图片验证码（Captcha）是一种常见的用于提高网站安全性的技术，可以有效防止自动化脚本的恶意访问和注册。本文将详细介绍如何使用Java Server Pages (JSP) 结合 Servlet 和 Java 代码来创建一个简单的图片验证码功能。

1. 准备工作

1.1 环境搭建

• 服务器: 推荐使用Apache Tomcat作为服务器。
• 开发工具: Eclipse 或 IntelliJ IDEA 等IDE。
• 语言和框架: Java (JSP, Servlet) 结合 Java 的图形库如 ImageIO 用于生成验证码图片。

1.2 创建项目

在Tomcat服务器上创建一个新的Web项目，并配置好相关的环境变量和路径。

2. 创建验证码Servlet

2.1 创建Servlet类

首先，我们需要创建一个Servlet来处理验证码的生成和发送。

```java
import javax.servlet.*;
import javax.servlet.http.*;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;
import javax.imageio.ImageIO;
import java.io.ByteArrayOutputStream;
import java.io.IOException;

public class CaptchaServlet extends HttpServlet {
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("image/jpeg"); // 设置响应内容类型为图片
BufferedImage image = new BufferedImage(80, 30, BufferedImage.TYPEINTRGB); // 定义图片大小和类型
Graphics g = image.getGraphics(); // 获取绘图对象
g.setColor(Color.WHITE); // 设置背景颜色为白色
g.fillRect(0, 0, 80, 30); // 填充背景色
g.setColor(Color.BLACK); // 设置字体颜色为黑色
Random random = new Random(); // 创建随机数生成器
String captchaText = ""; // 用于存储生成的验证码文本
for (int i = 0; i < 5; i++) { // 生成5位验证码文本
int num = random.nextInt(3); // 生成0-2的随机数，决定是数字还是字母
if (num == 0) { // 生成数字0-9中的一位
captchaText += random.nextInt(10);
} else { // 生成大写字母A-Z中的一位（这里为简化，不包含'I'和'O'）
captchaText += Character.forDigit(random.nextInt(6), 16); // Character.forDigit(int num, int radix)
}
}
g.setFont(new Font("Arial", Font.BOLD, 20)); // 设置字体样式和大小
g.drawString(captchaText, 5, 25); // 在图片上绘制验证码文本
ByteArrayOutputStream baos = new ByteArrayOutputStream(); // 将图片写入到ByteArrayOutputStream中，以便于发送给前端作为响应内容
ImageIO.write(image, "JPEG", baos); // 将图片写入到baos中，并指定格式为JPEG格式的图像文件
baos.flush(); // 清空缓冲区，以便将数据发送给客户端（前端）
response.getOutputStream().write(baos.toByteArray()); // 将图片以字节形式发送给前端（客户端）并关闭输出流
}
}
```

2.2 Servlet配置（web.xml）

在web.xml文件中添加Servlet配置：
xml <servlet> <servlet-name>CaptchaServlet</servlet-name> <servlet-class>CaptchaServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>CaptchaServlet</servlet-name> <url-pattern>/captcha</url-pattern> <!-- 根据需要配置URL --> </servlet-mapping>