程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> JAVA編程 >> JAVA綜合教程 >> java web,生成驗證碼圖片的技術,java驗證碼

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

編輯:JAVA綜合教程

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


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

生成圖片,繪制背景,數字,干擾線用到了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重新修飾一下。

 

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved