JSP動態生成驗證碼并單擊切換驗證碼
驗證碼生成jsp代碼：
<%@ page language="java" import="java.util." pageEncoding="gbk"%>
<%@ page contentType="image/jpeg"
import="java.awt.,java.awt.image.,java.util.,javax.imageio.*"%>
<%!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);
}%>
<%
//設置頁面不緩存
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setDateHeader("Expires", 0);
// 在內存中創建圖象
int width = 70, height = 20;
BufferedImage image = new BufferedImage(width, height,
BufferedImage.TYPE_INT_RGB);
// 獲取圖形上下文
Graphics g = image.getGraphics();
//生成隨機類
Random random = new Random();
// 設定背景色
g.setColor(getRandColor(200, 250));
g.fillRect(0, 0, width, height);
//設定字體
g.setFont(new Font("宋體", Font.PLAIN, 18));
//畫邊框
g.setColor(Color.black);
g.drawRect(0, 0, width - 1, height - 1);
// 隨機產生155條干擾線，使圖象中的認證碼不易被其它程序探測到
g.setColor(getRandColor(160, 200));
for (int i = 0; i < 155; i++) {
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);
}
char[] cs = new char[] { '1', '2', '3', '4', '5', '6', '7', '8',
'9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'A',
'B', 'M' };
// 取隨機產生的認證碼(4位數字)
String sRand = "";
for (int i = 0; i < 4; i++) {
char c = cs[random.nextInt(cs.length)];
String rand = new Character(c).toString();
sRand += rand;
// 將認證碼顯示到圖象中
g.setColor(new Color(20 + random.nextInt(110), 20 + random
.nextInt(110), 20 + random.nextInt(110)));
//調用函數出來的顏色相同，可能是因為種子太接近，所以只能直接生成
g.drawString(rand, 13 * i + 6, 16);
}
// 將認證碼存入session
session.setAttribute("rand", sRand); //這行代碼使我們關注的重點
// 圖象生效
g.dispose();
// 輸出圖象到頁面
try {
ImageIO.write(image, "JPEG", response.getOutputStream());
} catch (Exception e) {
e.getMessage();
} finally {
//解決以調用錯誤
out.clear();
out = pageContext.pushBody();
}
%></pre>測試頁面：
<body>
驗證碼：<img alt="" onclick="test();" src="image.jsp">
</body>
<script type="text/javascript">
function test(){
var image = document.getElementsByTagName("img")[0];
var myDate = new Date();
image.src = "image.jsp?time="+myDate.getTime();
alert(image.src);
}
</script></pre>測試效果：
本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！