驗(yàn)證碼
游仙ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道，可以享受市場價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！
防止惡意表單注冊(cè)
生成驗(yàn)證碼圖片
定義寬高
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)建隨機(jī)字符集和隨機(jī)數(shù)對(duì)象
//字符集 String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefgjijklmnopqrstuvwxyz"; //隨機(jī)數(shù) Random ran = new Random();
創(chuàng)建隨機(jī)顏色生成方法
重慶分公司
重慶分公司
private Color getRandomColor(Random random) {
//獲取隨機(jī)顏色
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;
}
}繪制驗(yàn)證碼字符
//繪制驗(yàn)證碼
for (int i = 0; i < 4; i++) {
//獲取隨機(jī)字符
int index = ran.nextInt(str.length());
char ch = str.charAt(index);
//獲取隨機(jī)色
Color randomColor = getRandomColor(ran);
g.setColor(randomColor);
//設(shè)置字體
Font font = new Font("宋體", Font.BOLD, height / 2);
g.setFont(font);
//寫入驗(yàn)證碼
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());
成果圖
實(shí)現(xiàn)刷新效果
新建html頁面
使用img標(biāo)簽實(shí)現(xiàn)圖片展示
使用js實(shí)現(xiàn)刷新效果
//點(diǎn)擊圖片時(shí)
var img = document.getElementById("identcode");
img.onclick = function (){
refesh();
}
//點(diǎn)擊連接時(shí)
var a = document.getElementById("refesh");
a.onclick = function (){
refesh();
//返回false防止a標(biāo)簽?zāi)J(rèn)href行為
return false;
}
function refesh() {
/**
* 由于路徑相同時(shí)瀏覽器會(huì)自動(dòng)調(diào)用緩存中的圖片
* 所以在連接后加時(shí)間戳解決此問題
*/
var date = new Date().getTime();
img.src = "identcode?" + date;
}效果
項(xiàng)目源碼
https://github.com/xiaochen0517/StudySpace/tree/master/idea/TestDemo3
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。
