利用java實現一個web頁面校驗驗證碼功能?很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學習下,希望你能有所收獲。
成都創新互聯于2013年開始,先為洛陽等服務建站,洛陽等地企業,進行企業商務咨詢服務。為洛陽企業網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。
驗證碼生成器:
import javax.imageio.ImageIO; import java.awt.*; import java.awt.image.BufferedImage; import java.io.FileOutputStream; import java.io.IOException; import java.io.OutputStream; import java.util.Date; import java.util.Random; /** * 驗證碼生成器 * * @author */ public class ValidateCode { // 圖片的寬度。 private int width = 160; // 圖片的高度。 private int height = 40; // 驗證碼字符個數 private int codeCount = 5; // 驗證碼干擾線數 private int lineCount = 150; // 驗證碼 private String code = null; // 驗證碼圖片Buffer private BufferedImage buffImg = null; // 驗證碼范圍,去掉0(數字)和O(拼音)容易混淆的(小寫的1和L也可以去掉,大寫不用了) private char[] codeSequence = {'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', '1', '2', '3', '4', '5', '6', '7', '8', '9'}; /** * 默認構造函數,設置默認參數 */ public ValidateCode() { this.createCode(); } /** * @param width 圖片寬 * @param height 圖片高 */ public ValidateCode(int width, int height) { this.width = width; this.height = height; this.createCode(); } /** * @param width 圖片寬 * @param height 圖片高 * @param codeCount 字符個數 * @param lineCount 干擾線條數 */ public ValidateCode(int width, int height, int codeCount, int lineCount) { this.width = width; this.height = height; this.codeCount = codeCount; this.lineCount = lineCount; this.createCode(); } public void createCode() { int x = 0, fontHeight = 0, codeY = 0; int red = 0, green = 0, blue = 0; x = width / (codeCount + 2);//每個字符的寬度(左右各空出一個字符) fontHeight = height - 2;//字體的高度 codeY = height - 4; // 圖像buffer buffImg = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); Graphics2D g = buffImg.createGraphics(); // 生成隨機數 Random random = new Random(); // 將圖像填充為白色 g.setColor(Color.WHITE); g.fillRect(0, 0, width, height); // 創建字體,可以修改為其它的 Font font = new Font("Fixedsys", Font.PLAIN, fontHeight); // Font font = new Font("Times New Roman", Font.ROMAN_BASELINE, fontHeight); g.setFont(font); for (int i = 0; i < lineCount; i++) { // 設置隨機開始和結束坐標 int xs = random.nextInt(width);//x坐標開始 int ys = random.nextInt(height);//y坐標開始 int xe = xs + random.nextInt(width / 8);//x坐標結束 int ye = ys + random.nextInt(height / 8);//y坐標結束 // 產生隨機的顏色值,讓輸出的每個干擾線的顏色值都將不同。 red = random.nextInt(255); green = random.nextInt(255); blue = random.nextInt(255); g.setColor(new Color(red, green, blue)); g.drawLine(xs, ys, xe, ye); } // randomCode記錄隨機產生的驗證碼 StringBuffer randomCode = new StringBuffer(); // 隨機產生codeCount個字符的驗證碼。 for (int i = 0; i < codeCount; i++) { String strRand = String.valueOf(codeSequence[random.nextInt(codeSequence.length)]); // 產生隨機的顏色值,讓輸出的每個字符的顏色值都將不同。 red = random.nextInt(255); green = random.nextInt(255); blue = random.nextInt(255); g.setColor(new Color(red, green, blue)); g.drawString(strRand, (i + 1) * x, codeY); // 將產生的四個隨機數組合在一起。 randomCode.append(strRand); } // 將四位數字的驗證碼保存到Session中。 code = randomCode.toString(); } public void write(String path) throws IOException { OutputStream sos = new FileOutputStream(path); this.write(sos); } public void write(OutputStream sos) throws IOException { ImageIO.write(buffImg, "png", sos); sos.close(); } public BufferedImage getBuffImg() { return buffImg; } public String getCode() { return code; } /** * 測試函數,默認生成到d盤 * @param args */ public static void main(String[] args) { ValidateCode vCode = new ValidateCode(160,40,5,150); try { String path="D:/"+new Date().getTime()+".png"; System.out.println(vCode.getCode()+" >"+path); vCode.write(path); } catch (IOException e) { e.printStackTrace(); } } }
下面是頁面JS調用驗證碼
// 刷新圖片 function changeImg() { var imgSrc = $("#imgObj"); var url = imgSrc.attr("src"); imgSrc.attr("src", changeUrl(url)); } //為了使每次生成圖片不一致,即不讓瀏覽器讀緩存,所以需要加上時間戳 function changeUrl(url) { var timestamp = (new Date()).valueOf(); var index = url.indexOf("?"); console.log(index); if (index > 0) { url = url.substring(0, url.indexOf("?")); } console.log(url); if ((url.indexOf("&") > 0)) { url = url + "×tamp=" + timestamp; console.log(url); } else { url = url + "?timestamp=" + timestamp; console.log(url); } return url; }
下面是controller層輸出驗證碼
/** * 響應驗證碼頁面 * @return */ @RequestMapping(value="/validateCode") public String validateCode(HttpServletRequest request,HttpServletResponse response) throws Exception{ // 設置響應的類型格式為圖片格式 response.setContentType("image/jpeg"); //禁止圖像緩存。 response.setHeader("Pragma", "no-cache"); response.setHeader("Cache-Control", "no-cache"); response.setDateHeader("Expires", 0); HttpSession session = request.getSession(); ValidateCode vCode = new ValidateCode(120,40,5,100); session.setAttribute("code", vCode.getCode()); vCode.write(response.getOutputStream()); return null; }
下面是controller層驗證驗證碼輸入是否正確
String code = request.getParameter("code"); HttpSession session = request.getSession(); String sessionCode = (String) session.getAttribute("code"); if (!StringUtils.equalsIgnoreCase(code, sessionCode)) { //忽略驗證碼大小寫 throw new RuntimeException("驗證碼對應不上code=" + code + " sessionCode=" + sessionCode); }
看完上述內容是否對您有幫助呢?如果還想對相關知識有進一步的了解或閱讀更多相關文章,請關注創新互聯行業資訊頻道,感謝您對創新互聯的支持。
網頁標題:利用java實現一個web頁面校驗驗證碼功能
分享網址:http://vcdvsql.cn/article22/gghdcc.html
成都網站建設公司_創新互聯,為您提供域名注冊、App開發、網站導航、小程序開發、微信小程序、定制網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯