ASP.NET如何生成圖形驗證碼

為什么要使用圖形驗證碼

為了防止攻擊者編寫程序重復提交表單，為其他用戶和網站運行制造麻煩,所以在提交表單之前一般需要使用圖形驗證碼進行驗證，確認提交操作是人為操作,而非機器批量操作。

原理剖析

在生成圖形驗證碼時，主要應用兩方面的技術：

1、生成隨機數或字母

2、將生成的隨機數或者隨機字母轉換成圖片格式并在圖片上加入噪點并顯示出來。

生成方法：

1、前端控件代碼

<asp:TextBox ID="txtValidateNum" runat="server" Width="98px"></asp:TextBox>
<asp:Image ID="Image1" runat="server" Height="22px" Width="58px" ImageUrl="~ValidateNum.aspx"/>請輸入圖片中驗證碼！

2、ValidateNum.aspx頁處理步驟

（1） 隨機生成一個長度為N的隨機字符串，N的值可由開發人員自行設置。該字符串包含數字，字母等。

（2） 將隨機生成的字符串創建成圖片并顯示。

（3） 保存驗證碼

首先在ValidateNum .aspx.cs文件中創建一個CreateRandomNum(int n)方法，隨機生成一個長度為n的隨機字符串。為了避免生成重復的隨機數，將通過變量記錄隨機數結果，如果出現于上次隨機數相同的數值，則調用方法本身，以保證生成不同的隨機數。代碼如下：

//生成隨機字符串
private string CreateRandomNum (int n)
{
    string allChar = "0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z";
    string[] allCharArray = allChar.Split(',');//拆分成數組
    string randomNum = "";
    int temp = 1;
    Random rand = new Random();
    for(int i = 0;i < n;i++)
    {
        if(temp != -1)
        {
            rand = new Random(i * temp *((int)DateTime.Now.Ticks));
        }
        int t = rand.Next(35);
        if(temp == t)
        {
            return CreateRandomNum(n);
        }
        temp = t;
        randomNum += allCharArray[i];
    }
    return randomNum;
}

然后創建CreateImage(string validateNum)方法基于產生的隨機字符串，進一步生成圖形碼，為了進一步保證安全性，為圖形驗證碼加一些干擾色，如隨機背景花紋、文字處理等。代碼如下：

//生成圖片
private void CreateImage(string validateNum)
{
    if(validateNum == null || validateNum.Trim() == String.Empty)
        return;
    //生成Bitmap圖像
    System.Drawing.Bitmap image = new System.Drawing.Bitmap(validateNum.Length * 12 + 10,22);
    Graphics g = Graphics.FromImage(image);
    try
    {
        //生成隨機生成器
        Random random = new Random();
        //清空圖片背景色
        g.Clear(Color.White);
        //畫圖片的背景噪音線
        for(int i = 0; i < 25; 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 System.Drawing.Font("Arial",12,(System.Drawing.FontStyle.Bold | System.Drawing.FontStyle.Italic));
        System.Drawing.Drawing2D.LinearGradientBrush brush = new System.Drawing.Drawing2D.LinearGradientBrush(new Rectangle(0,0,image.Width,image.Height),Color.Blue,Color.DarkRed,1.2f,true);
        g.DrawString(validateNum,font,brush,2,2);
        //畫圖片的前景噪音點
        for(int i = 0;i<100;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);
        System.IO.MemoryStream ms = new System.IO.MemoryStream();
        //將圖像保存到指定的流
        image.Save(ms,System.Drawing.Imaging.ImageFormat.Gif);
        Response.ClearContent();
        Response.ContentType = "image/Gif";
        Response.BinaryWrite(ms.ToArray());
    }
    finally
    {
        g.Dispose();
        image.Dispose();
    }
}

最后，在頁面加載事件Page_Load中，創建并顯示驗證碼字符串的圖片，將驗證字符串保存在Session里。

protected void Page_Load(object sender,EventArgs e)
{
    if(!IsPostBack)
    {
        string validateNum = CreateRandomNum(4);//生成4位隨機字符串
        CreateImage(validateNum);//將隨機字符串繪制成圖片
        Session["ValidateNum"] = validateNum;  //將隨機字符串保存在Session中
    }
}

至此，一個簡單的圖像驗證碼生成算法已經寫完，當然大家可以在這個基礎上增加更加豐富的安全設置，比如Session的過期時間等。

以上就是ASP.NET圖形驗證碼生成實踐的詳細內容，更多請關注億速云其它相關文章！