1. 程式人生 > >隨機驗證碼的生成與校驗

隨機驗證碼的生成與校驗

  • 工具類VerifyCodeUtil
package com.utils;


import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;

import javax.imageio.ImageIO;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse; public class VerifyCodeUtils { /** * 根據給定的一批字元從中隨機獲取指定個數的字元 * @param base 給定的字元挑選項 * @param count 指定獲取的字元個數 * @return */ public static String getRandomStr(String base,int count) { Random r=new Random(); String words=
""; for(int i=0;i<count;i++) { words+=base.charAt(r.nextInt(base.length())); } return words; } /** * 隨機生成指定個數的字母或數字 * @param count 指定生成字母或數的個數 */ public static String getRandomWord(int count) { String base ="23456789ABCDEFGHJKMNPQRSTUVWXYZ"
; return getRandomStr(base, count); } /** * 隨機生成指定個數的中文 * @param count 指定生成中文的個數 */ public static String getRandomChinese(int count) { String base = "\u7684\u4e00\u4e86\u662f\u6211\u4e0d\u5728\u4eba\u4eec\u6709\u6765\u4ed6\u8fd9\u4e0a\u7740\u4e2a\u5730\u5230\u5927\u91cc\u8bf4\u5c31\u53bb\u5b50\u5f97\u4e5f\u548c\u90a3\u8981\u4e0b\u770b\u5929\u65f6\u8fc7\u51fa\u5c0f\u4e48\u8d77\u4f60\u90fd\u628a\u597d\u8fd8\u591a\u6ca1\u4e3a\u53c8\u53ef\u5bb6\u5b66\u53ea\u4ee5\u4e3b\u4f1a\u6837\u5e74\u60f3\u751f\u540c\u8001\u4e2d\u5341\u4ece\u81ea\u9762\u524d\u5934\u9053\u5b83\u540e\u7136\u8d70\u5f88\u50cf\u89c1\u4e24\u7528\u5979\u56fd\u52a8\u8fdb\u6210\u56de\u4ec0\u8fb9\u4f5c\u5bf9\u5f00\u800c\u5df1\u4e9b\u73b0\u5c71\u6c11\u5019\u7ecf\u53d1\u5de5\u5411\u4e8b\u547d\u7ed9\u957f\u6c34\u51e0\u4e49\u4e09\u58f0\u4e8e\u9ad8\u624b\u77e5\u7406\u773c\u5fd7\u70b9\u5fc3\u6218\u4e8c\u95ee\u4f46\u8eab\u65b9\u5b9e\u5403\u505a\u53eb\u5f53\u4f4f\u542c\u9769\u6253\u5462\u771f\u5168\u624d\u56db\u5df2\u6240\u654c\u4e4b\u6700\u5149\u4ea7\u60c5\u8def\u5206\u603b\u6761\u767d\u8bdd\u4e1c\u5e2d\u6b21\u4eb2\u5982\u88ab\u82b1\u53e3\u653e\u513f\u5e38\u6c14\u4e94\u7b2c\u4f7f\u5199\u519b\u5427\u6587\u8fd0\u518d\u679c\u600e\u5b9a\u8bb8\u5feb\u660e\u884c\u56e0\u522b\u98de\u5916\u6811\u7269\u6d3b\u90e8\u95e8\u65e0\u5f80\u8239\u671b\u65b0\u5e26\u961f\u5148\u529b\u5b8c\u5374\u7ad9\u4ee3\u5458\u673a\u66f4\u4e5d\u60a8\u6bcf\u98ce\u7ea7\u8ddf\u7b11\u554a\u5b69\u4e07\u5c11\u76f4\u610f\u591c\u6bd4\u9636\u8fde\u8f66\u91cd\u4fbf\u6597\u9a6c\u54ea\u5316\u592a\u6307\u53d8\u793e\u4f3c\u58eb\u8005\u5e72\u77f3\u6ee1\u65e5\u51b3\u767e\u539f\u62ff\u7fa4\u7a76\u5404\u516d\u672c\u601d\u89e3\u7acb\u6cb3\u6751\u516b\u96be\u65e9\u8bba\u5417\u6839\u5171\u8ba9\u76f8\u7814\u4eca\u5176\u4e66\u5750\u63a5\u5e94\u5173\u4fe1\u89c9\u6b65\u53cd\u5904\u8bb0\u5c06\u5343\u627e\u4e89\u9886\u6216\u5e08\u7ed3\u5757\u8dd1\u8c01\u8349\u8d8a\u5b57\u52a0\u811a\u7d27\u7231\u7b49\u4e60\u9635\u6015\u6708\u9752\u534a\u706b\u6cd5\u9898\u5efa\u8d76\u4f4d\u5531\u6d77\u4e03\u5973\u4efb\u4ef6\u611f\u51c6\u5f20\u56e2\u5c4b\u79bb\u8272\u8138\u7247\u79d1\u5012\u775b\u5229\u4e16\u521a\u4e14\u7531\u9001\u5207\u661f\u5bfc\u665a\u8868\u591f\u6574\u8ba4\u54cd\u96ea\u6d41\u672a\u573a\u8be5\u5e76\u5e95\u6df1\u523b\u5e73\u4f1f\u5fd9\u63d0\u786e\u8fd1\u4eae\u8f7b\u8bb2\u519c\u53e4\u9ed1\u544a\u754c\u62c9\u540d\u5440\u571f\u6e05\u9633\u7167\u529e\u53f2\u6539\u5386\u8f6c\u753b\u9020\u5634\u6b64\u6cbb\u5317\u5fc5\u670d\u96e8\u7a7f\u5185\u8bc6\u9a8c\u4f20\u4e1a\u83dc\u722c\u7761\u5174\u5f62\u91cf\u54b1\u89c2\u82e6\u4f53\u4f17\u901a\u51b2\u5408\u7834\u53cb\u5ea6\u672f\u996d\u516c\u65c1\u623f\u6781\u5357\u67aa\u8bfb\u6c99\u5c81\u7ebf\u91ce\u575a\u7a7a\u6536\u7b97\u81f3\u653f\u57ce\u52b3\u843d\u94b1\u7279\u56f4\u5f1f\u80dc\u6559\u70ed\u5c55\u5305\u6b4c\u7c7b\u6e10\u5f3a\u6570\u4e61\u547c\u6027\u97f3\u7b54\u54e5\u9645\u65e7\u795e\u5ea7\u7ae0\u5e2e\u5566\u53d7\u7cfb\u4ee4\u8df3\u975e\u4f55\u725b\u53d6\u5165\u5cb8\u6562\u6389\u5ffd\u79cd\u88c5\u9876\u6025\u6797\u505c\u606f\u53e5\u533a\u8863\u822c\u62a5\u53f6\u538b\u6162\u53d4\u80cc\u7ec6"; return getRandomStr(base, count); } //隨機獲取顏色 private static Color getRandColor(int fc, int bc) { Random random = new Random(); if (fc > 255) { fc = 255; } if (bc > 255) { bc = 255; } int r = fc + random.nextInt(bc - fc); int g = fc + random.nextInt(bc - fc); int b = fc + random.nextInt(bc - fc); return new Color(r, g, b); } /** * 根據隨機驗證碼生成圖片,並把驗證碼存到session中(鍵名為當前url,即request.getRequestURL()) * @param request 請求物件 * @param response 響應物件 * @param verifyCode 隨機驗證碼 * @param width 圖片的寬度 * @param height 圖片的高度 */ public static void writeVerifyCodeImg(HttpServletRequest request,HttpServletResponse response,String verifyCode,int width,int height) { //繪製一張記憶體中圖片 BufferedImage bufferedImage = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); // 圖片繪製背景顏色 ---通過繪圖物件 Graphics graphics = bufferedImage.getGraphics();// 得到畫圖物件 --- 畫筆 // 繪製任何圖形之前 都必須指定一個顏色 graphics.setColor(getRandColor(200, 250)); graphics.fillRect(0, 0, width, height); //繪製邊框 graphics.setColor(Color.WHITE); graphics.drawRect(0, 0, width - 1, height - 1); Graphics2D graphics2d = (Graphics2D) graphics; // 設定輸出字型 graphics2d.setFont(new Font("宋體", Font.BOLD, 18)); Random random = new Random(); // 定義x座標 int x = 10; for (int i = 0; i < verifyCode.length(); i++) { // 隨機顏色 graphics2d.setColor(new Color(20 + random.nextInt(80), 20 + random .nextInt(80), 20 + random.nextInt(80))); // 旋轉 -30 --- 30度 int jiaodu = random.nextInt(60) - 30; // 換算弧度 double theta = jiaodu * Math.PI / 180; // 獲得字母數字 char c = verifyCode.charAt(i); // 將c 輸出到圖片 graphics2d.rotate(theta, x, 20); graphics2d.drawString(String.valueOf(c), x, 20); graphics2d.rotate(-theta, x, 20); x += 22; } // 將驗證碼內容儲存session request.getSession().setAttribute(request.getRequestURL().toString(), verifyCode); // 步驟五 繪製干擾線 graphics.setColor(getRandColor(200, 230)); int x1; int x2; int y1; int y2; for (int i = 0; i < 10; i++) { x1 = random.nextInt(width); x2 = random.nextInt(12); y1 = random.nextInt(height); y2 = random.nextInt(12); graphics.drawLine(x1, y1, x1 + x2, x2 + y2); } graphics.dispose();// 釋放資源 //將圖片寫到response.getOutputStream()中 try { ImageIO.write(bufferedImage, "jpg", response.getOutputStream()); } catch (IOException e) { e.printStackTrace(); } } /** * 根據隨機驗證碼生成圖片,並把驗證碼存到session中(鍵名為當前url,即request.getRequestURL()) * 圖片的寬度預設100,圖片高度預設為30 * @param request 請求物件 * @param response 響應物件 * @param verifyCode 隨機驗證碼 */ public static void writeVerifyCodeImg(HttpServletRequest request,HttpServletResponse response,String verifyCode) { writeVerifyCodeImg(request, response, verifyCode,100,30); } /** * 根據隨機字母或數字驗證碼生成圖片,並把驗證碼存到session中(鍵名為當前url,即request.getRequestURL()) * @param request 請求物件 * @param response 響應物件 * @param count 驗證碼長度 * @param width 圖片的寬度 * @param height 圖片的高度 */ public static void writeWordVerifyCodeImg(HttpServletRequest request,HttpServletResponse response,int count,int width,int height) { writeVerifyCodeImg(request, response, getRandomWord(count), width, height); } /** * 根據隨機字母或數字驗證碼生成圖片,並把驗證碼存到session中(鍵名為當前url,即request.getRequestURL()) * 驗證碼長度預設為4,圖片的寬度預設100,圖片高度預設為30 * @param request 請求物件 * @param response 響應物件 */ public static void writeWordVerifyCodeImg(HttpServletRequest request,HttpServletResponse response) { writeVerifyCodeImg(request, response, getRandomWord(4), 100, 30); } /** * 根據隨機中文驗證碼生成圖片,並把驗證碼存到session中(鍵名為當前url,即request.getRequestUrl()) * @param request 請求物件 * @param response 響應物件 * @param count 驗證碼長度 * @param width 圖片的寬度 * @param height 圖片的高度 */ public static void writeChineseVerifyCodeImg(HttpServletRequest request,HttpServletResponse response,int count,int width,int height) { writeVerifyCodeImg(request, response, getRandomChinese(count), width, height); } /** * 根據隨機中文驗證碼生成圖片,並把驗證碼存到session中(鍵名為當前url,即request.getRequestURL()) * 驗證碼長度預設為4,圖片的寬度預設100,圖片高度預設為30 * @param request 請求物件 * @param response 響應物件 */ public static void writeChineseVerifyCodeImg(HttpServletRequest request,HttpServletResponse response) { writeVerifyCodeImg(request, response, getRandomChinese(4), 100, 30); } /** * 校驗請求傳遞的驗證碼與session中的驗證碼是否一致 * @param request 請求物件 * @param verifyCode 請求傳遞的驗證碼 * @return 校驗成功返回true,否則返回false */ public static boolean checkVerifyCode(HttpServletRequest request,String verifyCode) { Object obj= request.getSession().getAttribute(request.getRequestURL().toString()); return obj!=null&&((String)obj).equalsIgnoreCase(verifyCode); } /** * 校驗請求傳遞的驗證碼與session中的驗證碼是否一致 * 請求傳遞的驗證碼會使用request.getParameter("verifyCode")獲取 * @param request 請求物件 * @return 校驗成功返回true,否則返回false */ public static boolean checkVerifyCode(HttpServletRequest request) { return checkVerifyCode(request,request.getParameter("verifyCode")); } /** * 校驗驗證碼是否正確並把結果響應輸出到客戶端 * @param request 請求物件 * @param response 響應物件 * @param verifyCode 請求傳遞的驗證碼 */ public static void writeCheckVerifyCodeResult(HttpServletRequest request,HttpServletResponse response,String verifyCode) { try { response.getWriter().print(checkVerifyCode(request,verifyCode)); } catch (IOException e) { throw new RuntimeException(e); } } /** * 校驗驗證碼是否正確並把結果響應輸出到客戶端 * 請求傳遞的驗證碼會使用request.getParameter("verifyCode")獲取 * @param request 請求物件 * @param response 響應物件 */ public static void writeCheckVerifyCodeResult(HttpServletRequest request,HttpServletResponse response) { try { response.getWriter().print(checkVerifyCode(request)); } catch (IOException e) { throw new RuntimeException(e); } } }
  • 登入頁面login.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登入</title>
<script src="/Web05/js/jquery-1.12.4.min.js"></script>
<script>
	function changeVerifyCodeImg(){	
		//重新載入驗證碼圖片,傳參a是沒用的,只是為了改變圖片的路徑,因為瀏覽器當圖片路徑沒發生改變時圖片將不會發生改變
		$("#verifyCodeImg").attr("src",$("#verifyCodeImg").attr("src")+"?a="+Math.random());
	}
	
	//傳送驗證碼到伺服器進行校驗
	function checkVerifyCode(async){
		var flag=false;
		$.ajax({
			url:"/Web05/CheckVerifyCodeServlet",
			type:"post",
			data:"verifyCode="+$("#verifyCode").val(),
			async:async,     //預設非同步true
			dataType:"json",
			success:function(data){
				if(data){
					flag=true;
					$("#tip").css("color","green").html("驗證碼正確");
				}else{
					$("#tip").css("color","red").html("驗證碼錯誤");
					changeVerifyCodeImg();
				}
			}
		});
		return flag;
	}
	
	$(function(){
		//頁面載入完畢要重新整理驗證碼,避免網頁後退驗證碼不變,因為session中驗證碼也沒變,所以驗證碼就失去了其作用
		changeVerifyCodeImg();
		
		//驗證碼輸入框失去焦點後非同步校驗驗證碼的正確性
		$("#verifyCode").blur(function(){
			checkVerifyCode(true);
		});
		
		
		//表單提交前對資料進行校驗
		$("#loginForm").submit(function(){
			/*此處省略使用者名稱和密碼格式校驗*/	
			
			//這裡的校驗驗證碼需要同步,因為網路有延遲,校驗結果還沒從伺服器返回結果
			if(checkVerifyCode(false)){
				return true;
			}else{
				return false;
			}
		});
	});
</script>
</head>
<body>
	<form action="/Web05/LoginServlet" method="post" id="loginForm">
		<label>使用者名稱:</label><input type="text" name="username"/><br/>
		<label>密碼:</label><input type="password" name="password"/><br/>
		<label>驗證碼</label><input type="text" name="verifyCode" id="verifyCode"/><img src="/Web05/VerifyCodeServlet" id="verifyCodeImg" onclick="changeVerifyCodeImg()"/><span id="tip"></span><br>
		<input type="submit" value="登入"/>	
	</form> 
	
</body>
</html>

<!--------------------------------------------------------------------------->
<!--------------------------------------------------------------------------->
<!----- 同步ajax會鎖死頁面,使用者體驗不好,嚴重的瀏覽器還會崩潰,可用以下方式解決 ----->
<!--------------------------------------------------------------------------->
<!--------------------------------------------------------------------------->
<!---
如果出現表單中多個需要非同步校驗的,可以使用計數變數,每成功校驗一個非同步則累計,
只有成功累計數與需要非同步校驗數相等才提交表單,因為每個非同步完成時間不一樣,所以需
要在每個非同步成功後都需要判斷數量是否需要提交表單
---->

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登入</title>
<script src="/Web07/js/jquery-1.12.4.min.js"></script>
<script>
	function changeVerifyCodeImg(){	
		
            
           

相關推薦

隨機驗證生成 生成隨機字母和數字

隨機驗證碼生成 from blog import models from PIL import Image,ImageDraw,ImageFont from io import BytesIO 生成隨機背景顏色 def get_random_color():

基於FPGA和串列埠的CRC生成

CRC又稱迴圈冗餘校驗,是資料通訊領域中最常用的一種查錯校驗碼。說是常用,但我在微控制器、FPGA的開發中從來沒有用過,別說是CRC了,就是串列埠的奇偶校驗都很少用。一個課程設計要做些和通訊相關的東西,題目裡面好像就只有這個CRC比較有意思,就研究起了這個。 乍一看起來這個東西好像挺高大上的

隨機驗證生成

工具類VerifyCodeUtil package com.utils; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.Gra

國家商用password(五)基於SM2的軟件授權生成

clas 信息 ecp register 方法 序列號 mod 生成 pub 將公開密鑰算法作為軟件註冊算法的優點是Cracker非常難通過跟蹤驗證算法得到註冊機。以下。將介紹使用SM2國密算法進行軟件註冊的方法。 生成授權碼 選擇SM2橢圓曲線參數(P,a,b,N,

身份證號碼生成

style 山西 年份 組成 生成 rate rar div throws   在測試過程中難免會遇到需要身份證號碼的情況,記錄下隨機生成身份證號碼與如何檢驗身份證號碼的方法。   首先要了解身份證號碼的組成方式:  號碼結構:公民身份號碼是特征組合碼,由十七位數字本體碼

登陸頁面的驗證生成驗證

數字 name ron als ntc per null 註冊 errorlog 登陸頁面的驗證碼生成與驗證 特點:基於strurs2框架 減少對數據庫的訪問次數 避免無效的訪問 提高服務器的性能 1 登陸界面:基於struts2框架 <s:src actio

C#系統登入隨機驗證生成及其呼叫方法

話不多說,直接上程式碼 public ValidateCode() { } /// <summary> /// 驗證碼的最大長度 /// </summary> public int

C#系統登錄隨機驗證生成及其調用方法

方法 string script draw ESS summary fin 就是 clas 話不多說,直接上代碼 public ValidateCode() { } /// <summary>

python3身份證號碼生成

# /usr/bin/python # -*- coding:utf-8 -*- import re import random from datetime import datetime, timedelta, date '''身份證第18位(校驗碼)的計算方法 1、將前面的身份證號碼17位數分別

SMSSDK驗證服務端介面

一、前言 有些時候開發者需要驗證服務託管自己的伺服器(開發者伺服器擁有校驗驗證碼的功能),然後可以更好處理自己的業務邏輯。因此,Mob平臺提供了此介面實現上述需求,供開發者使用。 此介面支援 SMSSDK2.0.0以上版本(包括2.0.0)。 二、摘要 本介面屬於SMSSDK簡訊

java 隨機驗證生成

import java.util.Random; /** public static final String ALLCHAR = “0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXY

【TP5.1】驗證第一次失敗 規避重複請求

author:咔咔 wechat:fangkangfk 在上一篇文章引入驗證碼哪一篇文章 我們會發現在有的瀏覽器那個驗證碼在初始化的時候會直接執行2次或者三次,所以第一次怎麼填都是驗證碼錯誤 出現這個原因呢!那是因為瀏覽器在第一次載入的時候會執行一次img標籤

Sign簽名生成

引數說明: from 介面發起方標識,由管理員分配 secret 金鑰,由管理員分配 sign 簽名 timestamp 時間戳 s (用於校驗簽名有效期) sign演算法; 1.對所有引數

隨機驗證生成

使用random模組 1.使用random.sample   random.sample的函式原型為:random.sample(sequence, k),從指定序列中隨機獲取指定長度的片斷。sam

隨機驗證生成生成一個含有n位隨機數字的字串)

一種簡單地生成隨機驗證碼的方法: public class RandomUtils { private static ThreadLocalRandom getRandom() { return

python登錄加隨機驗證程序(裝飾器內置函數的理解)

python 裝飾器 內置函數 登錄驗證 驗證碼使用說明:為了防止惡意攻擊,同時不對原先用戶登錄驗證的方法代碼進行改動,在檢驗賬號密碼方法外再套一層校驗方法(驗證碼),過濾非人為的攻擊。代碼如下:#!/usr/bin/env python # -*- coding:utf-8 -*- import os im

java圖形驗證生成工具類及web頁面驗證

組合 line des resp word buffere 需要 case ali 最近做驗證碼,參考網上案例,發現有不少問題,特意進行了修改和完善。驗證碼生成器:[ht

CRC生成資料原始碼程式 (包括CRC-4,5,6,7,8,16,32)

C程式碼 收藏程式碼 /******************************************************************** * Name: CRC-4/ITU x4+x+1 *

生成6位的隨機驗證

bsp 生成 current 實例 imp import style += range 要求:生成6位的字母和數字組成的隨機驗證碼。 實例1: 1 import random 2 identify_code=‘‘ 3 for i in range(1): 4

Python 生成隨機驗證

安裝 alt rndc 字母 .text key red 圖片查看 fill Python生成隨機驗證碼 Python生成隨機驗證碼,需要使用PIL模塊. 安裝: 1 pip3 install pillow 基本使用 1. 創建圖片