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重新修饰一下。