圖片驗證碼的實現主要的技術點是如何生成一個圖片。生成圖片可以使用java.awt包下的類來實現。我們先寫一個簡單的生成圖片的程序HelloImage.java。以下是代碼部分。
import java.awt.Color;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import javax.imageio.ImageIO;
/**
* @author [email protected]
* create a image
*/
public class HelloImage {
public static void main(String[] args){
BufferedImage image = new BufferedImage(80, 25,
BufferedImage.TYPE_INT_RGB);
Graphics g = image.getGraphics();
g.setColor(new Color(255,255,255));
g.fillRect(0, 0, 80, 25);
g.setColor(new Color(0,0,0));
g.drawString("HelloImage",6,16);
g.dispose();
try{
ImageIO.write(image, "jpeg", new File("C://helloImage.jpeg"));
}catch(IOException e){
e.printStackTrace();
}
}
}
編譯後，在DOS下調用這個程序，正常情況下，會在C盤根目錄下生成一張名字helloImage.jpeg爲的圖片。圖片上有文字HelloImage。
簡單介紹下生成圖片的流程：
- 建立BufferedImage對象。指定圖片的長度寬度和色彩。
BufferedImage image = new BufferedImage(80,25,BufferedImage.TYPE_INT_RGB);
- 取得Graphics對象，用來繪製圖片。
Graphics g = image.getGraphics();
- 繪製圖片背景和文字。
- 釋放Graphics對象所佔用的資源。
g.dispose();
- 通過ImageIO對象的write靜態方法將圖片輸出。
ImageIO.write(image, "jpeg", new File("C://helloImage.jpeg"));
知道了圖片的生成方法，剩下的問題就是如何將隨機數生成到頁面上了。要顯示圖片，我們只要將生成的圖片流返回給response對象，這樣用戶請求的時候就可以得到圖片。而一個jsp頁面的page參數的contentType屬性可以指定返回的response對象的形式，我們平時的jsp頁面中設定的contentType是text/html，所以會被以HTML文件的形式讀取分析。如果設定爲image/jpeg，就會被以圖片的形式讀取分析。確定了這點後就可以着手實現。
- 修改生成圖片的類，添加生成隨機字符串的方法，並取得用戶傳過來的response對象將圖片流輸出到response對象中。同時爲了更友好和可訂製，添加了一個構造函數，可以修改圖片驗證碼的長度，以及驗證碼的碼字範圍。並且可以設定驗證碼的背景色。(用戶使用時可以設定驗證圖片的背景色與頁面的背景色相同)
- 寫一個jsp文件，用來調用生成驗證碼圖片的類。並得到生成的驗證碼，存入session。
以下是生成驗證碼圖片的類RandImgCreater。(操作系統的原因，沒有寫註釋，避免亂碼)
package com.vogoal.util.img;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;
import javax.imageio.ImageIO;
import javax.servlet.http.HttpServletResponse;
/**
* @author SinNeR
* image check creater
*/
public class RandImgCreater {
private static final String CODE_LIST = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890";
private HttpServletResponse response = null;
private static final int HEIGHT = 20;
private static final int FONT_NUM = 4;
private int width = 0;
private int iNum = 0;
private String codeList = "";
private boolean drawBgFlag = false;
private int rBg = 0;
private int gBg = 0;
private int bBg = 0;
public RandImgCreater(HttpServletResponse response) {
this.response = response;
this.width = 13 * FONT_NUM + 12;
this.iNum = FONT_NUM;
this.codeList = CODE_LIST;
}
public RandImgCreater(HttpServletResponse response,int iNum,String codeList) {
this.response = response;
this.width = 13 * iNum + 12;
this.iNum = iNum;
this.codeList = codeList;
}
public String createRandImage(){
BufferedImage image = new BufferedImage(width, HEIGHT,
BufferedImage.TYPE_INT_RGB);
Graphics g = image.getGraphics();
Random random = new Random();
if ( drawBgFlag ){
g.setColor(new Color(rBg,gBg,bBg));
g.fillRect(0, 0, width, HEIGHT);
}else{
g.setColor(getRandColor(200, 250));
g.fillRect(0, 0, width, HEIGHT);
for (int i = 0; i < 155; i++) {
g.setColor(getRandColor(140, 200));
int x = random.nextInt(width);
int y = random.nextInt(HEIGHT);
int xl = random.nextInt(12);
int yl = random.nextInt(12);
g.drawLine(x, y, x + xl, y + yl);
}
}
g.setFont(new Font("Times New Roman", Font.PLAIN, 18));
String sRand="";
for (int i=0;i<iNum;i++){
int rand=random.nextInt(codeList.length());
String strRand=codeList.substring(rand,rand+1);
sRand+=strRand;
g.setColor(new Color(20+random.nextInt(110),20+random.nextInt(110),20+random.nextInt(110)));
g.drawString(strRand,13*i+6,16);
}
g.dispose();
try{
ImageIO.write(image, "JPEG", response.getOutputStream());
}catch(IOException e){
}
return sRand;
}
public void setBgColor(int r,int g,int b){
drawBgFlag = true;
this.rBg = r;
this.gBg = g;
this.bBg = b;
}
private Color getRandColor(int fc, int bc) {
Random random = new Random();
if (fc > 255)
fc = 255;
if (bc > 255)
bc = 255;
int r = fc + random.nextInt(bc - fc);
int g = fc + random.nextInt(bc - fc);
int b = fc + random.nextInt(bc - fc);
return new Color(r, g, b);
}
}
以下是調用生成驗證碼圖片的類的jsp文件：
<%@ page contentType="image/jpeg" import="com.vogoal.util.img.*" %>
<%
response.setHeader("Pragma","No-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires", 0);
RandImgCreater rc = new RandImgCreater(response);
//RandImgCreater rc = new RandImgCreater(response,8,"abcdef");
//rc.setBgColor(100,100,100);
String rand = rc.createRandImage();
session.setAttribute("rand",rand);
%>
將java程序編譯後得到的class，放到Tomcat自己的web應用的class的目錄下，並寫一個測試程序。
請求頁面：
<form name="frm" method="post" action="chkImg.jsp">
Hello Image Test<br/>
checkCode:<img src="img.jsp"><br/>
please input the checkCode:<input type="text" name="code" value=""><br/>
<input type="submit" name="btn1" value="check">
</form>
驗證頁面：
<%
String inputCode = request.getParameter("code");
String code = (String)session.getAttribute("rand");
if ( inputCode.equals(code) ){
%>
check SUCCESS!!!!!
<%}else{%>
wrong code!!!!!!!
<%}%>
將所有的jsp文件放到自己的web應用的目錄下。
至此，jsp的圖片驗證碼基本實現。實際中，我們可以用java的圖片類實現更多的功能。如果有必要，會繼續討論實現方法。
使用幫助：
附件中提供了圖片生成類和jsp文件，測試jsp文件的下載。
使用過程中，可以修改img.jsp文件，從而符合自己要實現的功能要求。
1．構造函數
RandImgCreater提供了2個構造函數。
默認的構造函數需要設定response對象。
public RandImgCreater(HttpServletResponse response)
使用這個構造函數的時候，生成4位驗證碼圖片，驗證碼爲大小寫英文字母和數字中的隨機組合。
public RandImgCreater(HttpServletResponse response,int iNum,String codeList)
使用這個構造函數的時候，iNum爲指定的顯示的驗證碼的位數，codeList爲用戶指定的驗證碼的生成元字符。(不支持中文)
使用例
RandImgCreater rc = new RandImgCreater(response,8,"abcdef");
將會生成從abcdef中隨機取出的8位驗證碼圖片。
2．指定背景色
public void setBgColor(int r,int g,int b)
這個方法可選用。設定的時候，將會按照用戶指定的背景色顯示圖片背景，不設定的時候將使用默認背景。
r，g，b分別爲RGB顏色中的各個色彩的設定值。取值範圍爲0-255
使用例
rc.setBgColor(100,100,100);