makeCertPic.java
package pic;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.OutputStream;
import java.util.Random;
import javax.imageio.ImageIO;
/**
* @author dzy
* 生成驗(yàn)證碼圖片
*/
public class makeCertPic {
//驗(yàn)證碼圖片中可以出現(xiàn)的字符集,可根據(jù)需要修改
private char mapTable[]={
'a','b','c','d','e','f',
'g','h','i','j','k','l',
'm','n','o','p','q','r',
's','t','u','v','w','x',
'y','z','0','1','2','3',
'4','5','6','7','8','9'};
/**
* 功能:生成彩色驗(yàn)證碼圖片
* 參數(shù)width為生成圖片的寬度,參數(shù)height為生成圖片的高度,參數(shù)os為頁面的輸出流
*/
public String getCertPic(int width, int height, OutputStream os) {
if(width<=0)width=60;
if(height<=0)height=20;
BufferedImage image = new BufferedImage(width, height,
BufferedImage.TYPE_INT_RGB);
// 獲取圖形上下文
Graphics g = image.getGraphics();
// 設(shè)定背景色
g.setColor(new Color(0xDCDCDC));
g.fillRect(0, 0, width, height);
//畫邊框
g.setColor(Color.black);
g.drawRect(0,0,width-1,height-1);
// 取隨機(jī)產(chǎn)生的認(rèn)證碼
String strEnsure = "";
// 4代表4位驗(yàn)證碼,如果要生成更多位的認(rèn)證碼,則加大數(shù)值
for(int i=0; i<4; ++i) {
strEnsure+=mapTable[(int)(mapTable.length*Math.random())];
}
// 將認(rèn)證碼顯示到圖像中,如果要生成更多位的認(rèn)證碼,增加drawString語句
g.setColor(Color.black);
g.setFont(new Font("Atlantic Inline",Font.PLAIN,18));
String str = strEnsure.substring(0,1);
g.drawString(str,8,17);
str = strEnsure.substring(1,2);
g.drawString(str,20,15);
str = strEnsure.substring(2,3);
g.drawString(str,35,18);
str = strEnsure.substring(3,4);
g.drawString(str,45,15);
// 隨機(jī)產(chǎn)生10個(gè)干擾點(diǎn)
Random rand = new Random();
for (int i=0;i<10;i++) {
int x = rand.nextInt(width);
int y = rand.nextInt(height);
g.drawOval(x,y,1,1);
}
// 釋放圖形上下文
g.dispose();
try {
// 輸出圖像到頁面
ImageIO.write(image, "JPEG", os);
} catch (IOException e) {
return "";
}
return strEnsure;
}
}
在getCertPic()方法中,首先創(chuàng)建了一個(gè)內(nèi)存圖像的實(shí)例對象,再得到此內(nèi)存圖像的圖形上下文對象,接著再用這個(gè)上下文對象畫背景、邊框。接下來,隨機(jī)生成4個(gè)在mapTable[]數(shù)組中的字符,組成字符串作為驗(yàn)證字符串,并輸出在內(nèi)存中,為了造成一定的干擾,隨機(jī)畫了10個(gè)干擾點(diǎn),如果要加大干擾效果,可再多畫一些點(diǎn)。
makeCertPic.jsp頁面用于調(diào)用生成驗(yàn)證碼圖片的JavaBean,并在客戶端顯示,源代碼如下:
makeCertPic.jsp
<%@page contentType="image/jpeg" %>
<jsp:useBean id="image" scope="page" class="pic.makeCertPic" />
<%
String str=image.getCertPic(0,0,response.getOutputStream());
// 將認(rèn)證碼存入SESSION
session.setAttribute("certCode", str);
out.clear();
out = pageContext.pushBody();
%>
這里把生成的驗(yàn)證碼作為session變量寫入,因此在接收登錄頁面輸入的數(shù)據(jù)頁面中,可用用戶輸入的驗(yàn)證碼和這個(gè)session變量作比較,如果相同則表示驗(yàn)證通過。
LoginPic.jsp
<%@ page contentType="text/html;charset=GB2312" %>
<script type="text/javascript">
function reloadcode(){
var verify=document.getElementById('code');
verify.setAttribute('src','makeCertPic.jsp?it='+Math.random());
}
</script>
<html>
<head><title>登錄頁面</title></head>
<body>
<table align="center" border="0">
<tralign="center"><td><fontcolor="red"><html:errors/></font></td></tr>
<tr align="center"><td>系統(tǒng)登錄</td></tr>
<form. action="loginCheck.jsp" method="post" focus="username">
<tr><td>用戶名:<input type="text" name="username"/></td></tr>
<tr><td>密 碼:<input type="password"name="password"/></td></tr>
<tr><td>驗(yàn)證碼<img src="makeCertPic.jsp" id="code" onclick="reloadcode()" style="cursor: pointer;" alt="看不清楚,換一張"> </td></tr>
<tralign="left"><td>
<input type="submit" value="確定"/></td></tr>
</form>
</table>
</body>
</html>
驗(yàn)證碼的輸入是否正確可用如下語句驗(yàn)證:
String certCode=request.getParameter("certCode");
if(certCode.equals((String)session.getAttribute("certCode")))
out.print("驗(yàn)證碼輸入正確");
else
out.print("驗(yàn)證碼輸入錯(cuò)誤");