当前位置：首页 > 后端开发 > 正文

Java生成验证码，Ajax如何实现前端显示与交互？

admin
后端开发
2025-10-31
6

在Java中生成验证码并通过Ajax显示到前端页面,通常需要后端生成验证码图片，然后将图片的URL发送到前端页面，前端通过Ajax请求获取URL，并在页面上显示验证码图片，以下是具体的实现步骤：

Java生成验证码，Ajax如何实现前端显示与交互？第1张

后端生成验证码

我们需要在Java后端生成验证码,以下是一个简单的示例，使用Java的java.awt和javax.imageio包来生成验证码图片。

import java.awt.*; import java.awt.image.BufferedImage; import java.io.IOException; import java.io.OutputStream; import javax.imageio.ImageIO; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class CaptchaServlet extends HttpServlet { protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("image/png"); OutputStream outputStream = response.getOutputStream(); String captcha = generateCaptcha(); request.getSession().setAttribute("CAPTCHA", captcha); BufferedImage image = createImage(captcha); ImageIO.write(image, "png", outputStream); outputStream.close(); } private String generateCaptcha() { String characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; StringBuilder sb = new StringBuilder(6); for (int i = 0; i < 6; i++) { int index = (int) (Math.random() * characters.length()); sb.append(characters.charAt(index)); } return sb.toString(); } private BufferedImage createImage(String captcha) { BufferedImage image = new BufferedImage(120, 40, BufferedImage.TYPE_INT_RGB); Graphics2D g2d = image.createGraphics(); g2d.setColor(Color.WHITE); g2d.fillRect(0, 0, 120, 40); g2d.setFont(new Font("Arial", Font.BOLD, 20)); g2d.setColor(Color.BLACK); for (int i = 0; i < captcha.length(); i++) { g2d.drawString(captcha.charAt(i) + "", 15 + i * 20, 30); } g2d.dispose(); return image; } }