超級簡單的無重新整理驗證碼（拋棄ajax）

首先畫一個驗證碼，這個很簡單吧。

貼下代碼

imageValidate.aspx

protected void Page_Load(object sender, EventArgs e)
   {
       //產生4位的驗證碼
       CreateCheckCodeImage(GenerateCheckCode());
   }
   private string GenerateCheckCode()
   {
       int number;
       char code;
       string checkCode = String.Empty;

       System.Random random = new Random();

       for (int i = 0; i < 5; i++)
       {
           number = random.Next();

           if (number % 2 == 0)
               code = (char)('0' + (char)(number % 10));
           else
               code = (char)('A' + (char)(number % 26));

           checkCode += code.ToString();
       }
       Session["CheckCode"] = checkCode;
       return checkCode;
   }

   private void CreateCheckCodeImage(string checkCode)
   {
       if (checkCode == null || checkCode.Trim() == String.Empty)
           return;

       System.Drawing.Bitmap image = new System.Drawing.Bitmap((int)Math.Ceiling((checkCode.Length * 12.5)), 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(checkCode, 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();
       }
   }

然後在登陸頁面加一個img用來顯示驗證碼

<img alt="驗證碼" class="validImage" id="vimg" src="/include/imageValidate.aspx" style="cursor:pointer"/>

在添加一個onclick事件this.src='/include/imageValidate.aspx?id='+(Math.random()%13);

如果直接寫this.src = imageValidate.aspx 那麼訪問這個驗證碼會被緩衝那麼就不能達到無重新整理的目的

我們在頁面後面加了隨機的一個地址查詢，這樣就該頁面就不會被瀏覽器緩衝。這樣我們每次點擊後的驗證碼都可能是不一樣的了~