如今不少網站在登陸的時候都須要輸入驗證碼,如今輸入的驗證碼方式層出不窮有單單是數字的、字母(又分大小寫)的,有數字、字母混合的,有給出運算表達式須要回答結果的,還有的卡片移動組合的...,爲何要輸入驗證碼呢?實際上是爲了有效防止對某一個特定註冊/登陸用戶用特定程序暴力破解方式進行不斷的登錄嘗試,這些驗證碼都是隨着網絡安全性要求愈來愈高而不斷變化,實現的方式也多種多樣。下面因爲本身最近在開發中用到(如今就只是簡單實現4位數字),以前也不多研究過,也順便記錄下來,若有不當之處但願各大牛不吝指出,你們一塊兒共勉學習。前端
廢話少說,開始進入正題。。。安全
1、首先效果圖以下:網絡
2、實現過程:dom
一、前端這張圖片是一張背景圖,實現以下:函數
<i id="VCodeImage" style="background-image: url(../Validate/GetValidateCode);"></i> <b class="kbq">看不清?<br /><em id="changevcode">換一張</em></b>
二、後臺輸出分兩個函數實現,一個是生成指定長度的隨機數,一個是生成背景圖,以下:學習
1)、生成指定長度的隨機數:網站
//// <summary> /// 生成驗證碼 /// </summary> /// <param name="length">指定驗證碼的長度</param> /// <returns>輸出指定長度的隨機數</returns> public string CreateValidateCode(int length) { int[] randMembers = new int[length]; int[] validateNums = new int[length]; string validateNumberStr = ""; //生成起始序列值 int seekSeek = unchecked((int)DateTime.Now.Ticks); Random seekRand = new Random(seekSeek); int beginSeek = (int)seekRand.Next(0, Int32.MaxValue - length * 10000); int[] seeks = new int[length]; for (int i = 0; i < length; i++) { beginSeek += 10000; seeks[i] = beginSeek; } //生成隨機數字 for (int i = 0; i < length; i++) { Random rand = new Random(seeks[i]); int pownum = 1 * (int)Math.Pow(10, length); randMembers[i] = rand.Next(pownum, Int32.MaxValue); } //抽取隨機數字 for (int i = 0; i < length; i++) { string numStr = randMembers[i].ToString(); int numLength = numStr.Length; Random rand = new Random(); int numPosition = rand.Next(0, numLength - 1); validateNums[i] = Int32.Parse(numStr.Substring(numPosition, 1)); } //生成驗證碼 for (int i = 0; i < length; i++) { validateNumberStr += validateNums[i].ToString(); } return validateNumberStr; }
2)、生成背景圖:url
/// <summary> /// 建立驗證碼的圖片 /// </summary> /// <param name="validateCode">在圖片上顯示的隨機數</param> /// <returns>帶有驗證碼的圖片</returns> public byte[] CreateValidateGraphic(string validateCode) { Bitmap image = new Bitmap((int)Math.Ceiling(validateCode.Length * 25.0), 36); Graphics g = Graphics.FromImage(image); try { //生成隨機生成器 Random random = new Random(); //清空圖片背景色 g.Clear(Color.White); //畫圖片的干擾線 for (int i = 0; i < 25; i++) //i的最終數字越大表示圖片的干擾線越多 { int x1 = random.Next(image.Width); int x2 = random.Next(image.Width); int y1 = random.Next(image.Height); int y2 = random.Next(image.Height); g.DrawLine(new Pen(Color.Silver), x1, y1, x2, y2); } Font font = new Font("Arial", 24, (FontStyle.Bold | FontStyle.Italic)); LinearGradientBrush brush = new LinearGradientBrush(new Rectangle(0, 0, image.Width, image.Height), Color.Blue, Color.DarkRed, 1.2f, true); g.DrawString(validateCode, font, brush, 3, 2); //畫圖片的前景干擾點 for (int i = 0; i < 100; i++) //i的最終數字越大表示圖片的干擾點越多 { int x = random.Next(image.Width); int y = random.Next(image.Height); image.SetPixel(x, y, Color.FromArgb(random.Next())); } //畫圖片的邊框線 g.DrawRectangle(new Pen(Color.Silver), 0, 0, image.Width - 1, image.Height - 1); //保存圖片數據 MemoryStream stream = new MemoryStream(); image.Save(stream, ImageFormat.Jpeg); //輸出圖片流 return stream.ToArray(); } finally { g.Dispose(); image.Dispose(); } }
三、調用及判斷用戶輸入的驗證碼是否正確:spa
/// <summary> /// 驗證碼 /// </summary> /// <returns></returns> public ActionResult GetValidateCode() { App_Code.Other.ValidateCode vCode = new App_Code.Other.ValidateCode(); string code = vCode.CreateValidateCode(4); Session["ValidateCode"] = code;//關鍵點 byte[] bytes = vCode.CreateValidateGraphic(code); return File(bytes, @"image/jpeg"); }
判斷用戶輸入的驗證碼是否正確:code
if (Session["ValidateCode"].ToString() != us.VCode) { return Json(new App_Code.JsonData(false, msg = "驗證碼不正確!")); }
那麼整個實現過程已完畢,過程很簡單,就是把隨機數和圖片結合生成一張背景圖便可。這只是一個簡簡單單的驗證碼實現,還有更復雜的,之後碰到或須要實現的再作記錄,但願和各位大牛一塊兒成長學習。