java web，生成驗證碼圖片的技術

偶然知道原來有些網站的驗證碼圖片都是隨機生成的，後來聽人講了一下，就做了這個小例子

生成圖片，繪製背景，數字，干擾線用到了java.awt包，主要使用BufferedImage來生成圖片，然後使用Graphics對象來繪製內容。

代碼如下：

 1 package com.util;
 2 
 3 import java.awt.Color;
 4 import java.awt.Graphics;
 5 import java.awt.image.BufferedImage;
 6 import java.util.Random;
 7 
 8 public class ImageCodeUtil {
 9     
10     public static BufferedImage getImage(){
11         Random r = new Random();
12         //1.創建一個bufferedimage對象
13         BufferedImage image = new BufferedImage(60, 20, BufferedImage.TYPE_INT_RGB);
14         //2.繪製長方形
15         Graphics g = image.getGraphics();
16         g.setColor(new Color(233, 222, 220));
17         g.fillRect(0, 0, 60, 20);
18         //3.繪製干擾線
19         for(int i = 0;i < 200;i++){
20             g.setColor(new Color(40+r.nextInt(200),40+r.nextInt(200),40+r.nextInt(200)));
21             int x = r.nextInt(50);
22             int y = r.nextInt(20);
23             g.drawLine(x,y, x+r.nextInt(20), y+r.nextInt(15));
24         }
25         //4.寫四位數字
26         g.setColor(new Color(23, 22, 20));
27         int checkCode = r.nextInt(9000)+1000;
28         g.drawString(checkCode+"", 15, 15);
29         //關閉Graphics對象，釋放資源
30         g.dispose();
31         return image;
32     }
33     
34 }

這是生成圖片，在網頁顯示中，用img標簽就可以，通過servlet請求圖片資源，代碼如下：

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