java web，生成验证码图片的技术

时间：2023-03-08 16:16:15

偶然知道原来有些网站的验证码图片都是随机生成的，后来听人讲了一下，就做了这个小例子

java web，生成验证码图片的技术java web，生成验证码图片的技术

生成图片，绘制背景，数字，干扰线用到了java.awt包，主要使用BufferedImage来生成图片，然后使用Graphics对象来绘制内容。

代码如下：

 package com.util;

 import java.awt.Color;

 import java.awt.Graphics;

 import java.awt.image.BufferedImage;

 import java.util.Random;

 public class ImageCodeUtil {

     public static BufferedImage getImage(){

         Random r = new Random();

         //1.创建一个bufferedimage对象

         BufferedImage image = new BufferedImage(60, 20, BufferedImage.TYPE_INT_RGB);

         //2.绘制长方形

         Graphics g = image.getGraphics();

         g.setColor(new Color(233, 222, 220));

         g.fillRect(0, 0, 60, 20);

         //3.绘制干扰线

         for(int i = 0;i < 200;i++){

             g.setColor(new Color(40+r.nextInt(200),40+r.nextInt(200),40+r.nextInt(200)));

             int x = r.nextInt(50);

             int y = r.nextInt(20);

             g.drawLine(x,y, x+r.nextInt(20), y+r.nextInt(15));

         }

         //4.写四位数字

         g.setColor(new Color(23, 22, 20));

         int checkCode = r.nextInt(9000)+1000;

         g.drawString(checkCode+"", 15, 15);

         //关闭Graphics对象，释放资源

         g.dispose();

         return image;

     }

 }

这是生成图片，在网页显示中，用img标签就可以，通过servlet请求图片资源，代码如下：

 <img alt="" src="check">

最后在servlet代码中响应浏览器发来的请求，将图片资源发送到浏览器，代码如下：

package com.controller;

import java.awt.image.BufferedImage;

import java.io.IOException;

import javax.imageio.ImageIO;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import com.util.ImageCodeUtil;

/**

 * Servlet implementation class CheckCodeServlet

 */

@WebServlet("/check")

public class CheckCodeServlet extends HttpServlet {

    private static final long serialVersionUID = 1L;

    /**

     * @see HttpServlet#HttpServlet()

     */

    public CheckCodeServlet() {

        super();

        // TODO Auto-generated constructor stub

    }

    /**

     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

     */

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        // TODO Auto-generated method stub

        //设置返回类型

        response.setContentType("image/jpeg");

        //生成验证码图片用到了java.awt包

        BufferedImage image = ImageCodeUtil.getImage();

        //将image通过outputStream返回

        ImageIO.write(image, "JPEG", response.getOutputStream());

    }

}

以上只是每一次刷新页面请求服务的时候验证码才会刷新，可以加入js代码注册点击事件，使之可以点击验证码图片就可以更换，代码如下：

注：此处我使用的jq

$("img").click(function(){

            $(this).attr("src","/ServletTest/check?a="+new Date().getMilliseconds());

        });

至此，验证码的效果已经实现。具体在页面上的美观显示，在网页上通过css重新修饰一下。

相关文章