利用java實(shí)現(xiàn)一個(gè)web頁面校驗(yàn)驗(yàn)證碼功能?很多新手對此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。
成都創(chuàng)新互聯(lián)于2013年開始,先為洛陽等服務(wù)建站,洛陽等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為洛陽企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
驗(yàn)證碼生成器:
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; /** * 驗(yàn)證碼生成器 * * @author */ public class ValidateCode { // 圖片的寬度。 private int width = 160; // 圖片的高度。 private int height = 40; // 驗(yàn)證碼字符個(gè)數(shù) private int codeCount = 5; // 驗(yàn)證碼干擾線數(shù) private int lineCount = 150; // 驗(yàn)證碼 private String code = null; // 驗(yàn)證碼圖片Buffer private BufferedImage buffImg = null; // 驗(yàn)證碼范圍,去掉0(數(shù)字)和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'}; /** * 默認(rèn)構(gòu)造函數(shù),設(shè)置默認(rèn)參數(shù) */ 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 字符個(gè)數(shù) * @param lineCount 干擾線條數(shù) */ 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);//每個(gè)字符的寬度(左右各空出一個(gè)字符) fontHeight = height - 2;//字體的高度 codeY = height - 4; // 圖像buffer buffImg = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); Graphics2D g = buffImg.createGraphics(); // 生成隨機(jī)數(shù) Random random = new Random(); // 將圖像填充為白色 g.setColor(Color.WHITE); g.fillRect(0, 0, width, height); // 創(chuàng)建字體,可以修改為其它的 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++) { // 設(shè)置隨機(jī)開始和結(jié)束坐標(biāo) int xs = random.nextInt(width);//x坐標(biāo)開始 int ys = random.nextInt(height);//y坐標(biāo)開始 int xe = xs + random.nextInt(width / 8);//x坐標(biāo)結(jié)束 int ye = ys + random.nextInt(height / 8);//y坐標(biāo)結(jié)束 // 產(chǎn)生隨機(jī)的顏色值,讓輸出的每個(gè)干擾線的顏色值都將不同。 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記錄隨機(jī)產(chǎn)生的驗(yàn)證碼 StringBuffer randomCode = new StringBuffer(); // 隨機(jī)產(chǎn)生codeCount個(gè)字符的驗(yàn)證碼。 for (int i = 0; i < codeCount; i++) { String strRand = String.valueOf(codeSequence[random.nextInt(codeSequence.length)]); // 產(chǎn)生隨機(jī)的顏色值,讓輸出的每個(gè)字符的顏色值都將不同。 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); // 將產(chǎn)生的四個(gè)隨機(jī)數(shù)組合在一起。 randomCode.append(strRand); } // 將四位數(shù)字的驗(yàn)證碼保存到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; } /** * 測試函數(shù),默認(rèn)生成到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調(diào)用驗(yàn)證碼
// 刷新圖片 function changeImg() { var imgSrc = $("#imgObj"); var url = imgSrc.attr("src"); imgSrc.attr("src", changeUrl(url)); } //為了使每次生成圖片不一致,即不讓瀏覽器讀緩存,所以需要加上時(shí)間戳 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層輸出驗(yàn)證碼
/** * 響應(yīng)驗(yàn)證碼頁面 * @return */ @RequestMapping(value="/validateCode") public String validateCode(HttpServletRequest request,HttpServletResponse response) throws Exception{ // 設(shè)置響應(yīng)的類型格式為圖片格式 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層驗(yàn)證驗(yàn)證碼輸入是否正確
String code = request.getParameter("code"); HttpSession session = request.getSession(); String sessionCode = (String) session.getAttribute("code"); if (!StringUtils.equalsIgnoreCase(code, sessionCode)) { //忽略驗(yàn)證碼大小寫 throw new RuntimeException("驗(yàn)證碼對應(yīng)不上code=" + code + " sessionCode=" + sessionCode); }
看完上述內(nèi)容是否對您有幫助呢?如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)的支持。