Javaweb中怎么實現(xiàn)動態(tài)圖片驗證碼功能

本篇文章為大家展示了Javaweb中怎么實現(xiàn)動態(tài)圖片驗證碼功能，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

創(chuàng)新互聯(lián)建站成立于2013年，是專業(yè)互聯(lián)網(wǎng)技術服務公司，擁有項目做網(wǎng)站、網(wǎng)站建設網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元撫寧做網(wǎng)站,已為上家服務,為撫寧各地企業(yè)和個人服務,聯(lián)系電話:18980820575

驗證碼

防止惡意表單注冊

生成驗證碼圖片

定義寬高

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); //設置字體 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標簽實現(xiàn)圖片展示

使用js實現(xiàn)刷新效果

//點擊圖片時var img = document.getElementById("identcode");img.onclick = function (){ refesh();}//點擊連接時var a = document.getElementById("refesh");a.onclick = function (){ refesh(); //返回false防止a標簽默認href行為 return false;}function refesh() { /** * 由于路徑相同時瀏覽器會自動調(diào)用緩存中的圖片 * 所以在連接后加時間戳解決此問題 */ var date = new Date().getTime(); img.src = "identcode?" + date;}

上述內(nèi)容就是Javaweb中怎么實現(xiàn)動態(tài)圖片驗證碼功能，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享題目：Javaweb中怎么實現(xiàn)動態(tài)圖片驗證碼功能
當前鏈接：http://bm7419.com/article0/geigoo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設計、自適應網(wǎng)站、手機網(wǎng)站建設、微信公眾號、網(wǎng)站維護、定制網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容