Java web實現(xiàn)動態(tài)圖片驗證碼的示例代碼
驗證碼
防止惡意表單注冊
生成驗證碼圖片
定義寬高
int width = 100; int height = 50;
使用BufferedImage再內(nèi)存中生成圖片
BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
繪制背景和邊框
Graphics g = image.getGraphics(); g.setColor(Color.WHITE); g.fillRect(0, 0, width, height); g.setColor(Color.BLACK); g.drawRect(0, 0, width - 1, height - 1);
創(chuàng)建隨機字符集和隨機數(shù)對象
//字符集 String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefgjijklmnopqrstuvwxyz"; //隨機數(shù) Random ran = new Random();
創(chuàng)建隨機顏色生成方法
private Color getRandomColor(Random random) {
//獲取隨機顏色
int colorIndex = random.nextInt(3);
switch (colorIndex) {
case 0:
return Color.BLUE;
case 1:
return Color.GREEN;
case 2:
return Color.RED;
case 3:
return Color.YELLOW;
default:
return Color.MAGENTA;
}
}
繪制驗證碼字符
//繪制驗證碼
for (int i = 0; i < 4; i++) {
//獲取隨機字符
int index = ran.nextInt(str.length());
char ch = str.charAt(index);
//獲取隨機色
Color randomColor = getRandomColor(ran);
g.setColor(randomColor);
//設(shè)置字體
Font font = new Font("宋體", Font.BOLD, height / 2);
g.setFont(font);
//寫入驗證碼
g.drawString(ch + "", (i == 0) ? width / 4 * i + 2 : width / 4 * i, height - height / 4);
}
繪制干擾線
//干擾線
for (int i = 0; i < 10; i++) {
int x1 = ran.nextInt(width);
int x2 = ran.nextInt(width);
int y1 = ran.nextInt(height);
int y2 = ran.nextInt(height);
Color randomColor = getRandomColor(ran);
g.setColor(randomColor);
g.drawLine(x1, x2, y1, y2);
}
使用ImageIO輸出圖片
ImageIO.write(image, "jpg", resp.getOutputStream());
成果圖
實現(xiàn)刷新效果
新建html頁面
使用img標(biāo)簽實現(xiàn)圖片展示
<img id="identcode" src="identcode"> <a id="refesh" href="">看不清,換一張</a>
使用js實現(xiàn)刷新效果
//點擊圖片時
var img = document.getElementById("identcode");
img.onclick = function (){
refesh();
}
//點擊連接時
var a = document.getElementById("refesh");
a.onclick = function (){
refesh();
//返回false防止a標(biāo)簽?zāi)J(rèn)href行為
return false;
}
function refesh() {
/**
* 由于路徑相同時瀏覽器會自動調(diào)用緩存中的圖片
* 所以在連接后加時間戳解決此問題
*/
var date = new Date().getTime();
img.src = "identcode?" + date;
}
效果
項目源碼
https://github.com/xiaochen0517/StudySpace/tree/master/idea/TestDemo3
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持我們。
上一篇:Java獲取配置文件的值過程解析
欄 目:Java
下一篇:springboot實現(xiàn)多實例crontab搶占定時任務(wù)(實例代碼)
本文標(biāo)題:Java web實現(xiàn)動態(tài)圖片驗證碼的示例代碼
本文地址:http://www.jygsgssxh.com/a1/Java/8702.html
您可能感興趣的文章
- 01-10Java實現(xiàn)動態(tài)模擬時鐘
- 01-10利用Java實現(xiàn)復(fù)制Excel工作表功能
- 01-10JavaWeb實現(xiàn)郵件發(fā)送功能
- 01-10java基于poi導(dǎo)出excel透視表代碼實例
- 01-10Java實現(xiàn)動態(tài)數(shù)字時鐘
- 01-10基于Java驗證jwt token代碼實例
- 01-10java實現(xiàn)液晶數(shù)字字體顯示當(dāng)前時間
- 01-10淺談Java中真的只有值傳遞么
- 01-10Java動態(tài)顯示當(dāng)前日期和時間
- 01-10如何解決線程太多導(dǎo)致java socket連接池出現(xiàn)的問題


閱讀排行
本欄相關(guān)
- 01-10Java實現(xiàn)動態(tài)模擬時鐘
- 01-10Springboot中@Value的使用詳解
- 01-10JavaWeb實現(xiàn)郵件發(fā)送功能
- 01-10利用Java實現(xiàn)復(fù)制Excel工作表功能
- 01-10Java實現(xiàn)動態(tài)數(shù)字時鐘
- 01-10java基于poi導(dǎo)出excel透視表代碼實例
- 01-10java實現(xiàn)液晶數(shù)字字體顯示當(dāng)前時間
- 01-10基于Java驗證jwt token代碼實例
- 01-10Java動態(tài)顯示當(dāng)前日期和時間
- 01-10淺談Java中真的只有值傳遞么
隨機閱讀
- 01-11ajax實現(xiàn)頁面的局部加載
- 01-10使用C語言求解撲克牌的順子及n個骰子
- 08-05dedecms(織夢)副欄目數(shù)量限制代碼修改
- 04-02jquery與jsp,用jquery
- 01-10delphi制作wav文件的方法
- 08-05DEDE織夢data目錄下的sessions文件夾有什
- 01-10C#中split用法實例總結(jié)
- 01-11Mac OSX 打開原生自帶讀寫NTFS功能(圖文
- 01-10SublimeText編譯C開發(fā)環(huán)境設(shè)置
- 08-05織夢dedecms什么時候用欄目交叉功能?


