項目需要,要在首頁登錄界面添加一個圖形驗證碼,趕時髦吧,網上一搜, 特別多,找了幾個,都不太滿意。主要問題是大部分代碼生成的圖片寬度不唯一 ,頁面布局不容易控制,其次是顏色單一,有些又過於抽象,不仔細看很容易弄 錯。針對特定的客戶,我只需要“圖片”長寬固定,顏色多樣的數字圖形驗證碼 ,借鑒網上的現有代碼,自己操刀完成,以下是效果圖:
原理不復雜,就是把網頁當畫布,運用各色畫筆,在特定區域內畫出數字, 然後以特定格式(本例為PNG格式)發回客戶端,在IE中顯示為"圖片",用於驗證 的字符串存於Session中。
主要代碼如下:
// 生成隨機數字字符串
生成隨機顏色
public string GetRandomNumberString(int int_NumberLength)
{
string str_Number = string.Empty;
Random theRandomNumber = new Random();
for (int int_index = 0; int_index < int_NumberLength; int_index++)
str_Number += theRandomNumber.Next(10).ToString();
return str_Number;
}
public Color GetRandomColor()
根據驗證字符串生成最終圖象
{
Random RandomNum_First = new Random((int) DateTime.Now.Ticks);
// 對於C#的隨機數,沒什麼好說的
System.Threading.Thread.Sleep(RandomNum_First.Next(50));
Random RandomNum_Sencond = new Random((int) DateTime.Now.Ticks);
// 為了在白色背景上顯示,盡量生成深色
int int_Red = RandomNum_First.Next(256);
int int_Green = RandomNum_Sencond.Next(256);
int int_Blue = (int_Red + int_Green > 400) ? 0 : 400 - int_Red - int_Green;
int_Blue = (int_Blue > 255) ? 255 : int_Blue;
return Color.FromArgb(int_Red, int_Green, int_Blue);
}
public void CreateImage(string str_ValidateCode)
{
int int_ImageWidth = str_ValidateCode.Length * 13;
Random newRandom = new Random();
// 圖高20px
Bitmap theBitmap = new Bitmap(int_ImageWidth, 20);
Graphics theGraphics = Graphics.FromImage(theBitmap);
// 白色背景
theGraphics.Clear(Color.White);
// 灰色邊框
theGraphics.DrawRectangle(new Pen(Color.LightGray, 1), 0, 0, int_ImageWidth - 1, 19);
// 10pt的字體
Font theFont = new Font("Arial", 10);
for (int int_index = 0; int_index < str_ValidateCode.Length; int_index++)
{
string str_char = str_ValidateCode.Substring(int_index, 1);
Brush newBrush = new SolidBrush(GetRandomColor());
Point thePos = new Point(int_index * 13 + 1 + newRandom.Next (3), 1 + newRandom.Next(3));
theGraphics.DrawString(str_char, theFont, newBrush, thePos);
}
// 將生成的圖片發回客戶端
MemoryStream ms = new MemoryStream();
theBitmap.Save(ms, ImageFormat.Png);
Response.ClearContent(); //需要輸出圖象信息 要修改HTTP頭
Response.ContentType = "image/Png";
Response.BinaryWrite(ms.ToArray());
theGraphics.Dispose();
theBitmap.Dispose();
Response.End();
}