剛開始為登錄頁添加驗證碼功能時，把驗證碼代碼寫在了登錄頁的後台代碼，運行起來只有驗證碼顯示，別的沒有了。才知道驗證碼是要另外寫在一個頁，調用就可以了。
登錄頁就那點功能，別的代碼也不寫了，就寫個驗證碼的吧。
Login.aspx頁的代碼
[csharp]
<span style="font-size:18px;"> <label style="text-align:right" >驗證碼</label>
<asp:TextBox style="width:50px;float:left;margin-left:18px"></asp:TextBox>
<input class="text-input" name="CheckCode" type="text"
style="width:50px;float:left;margin-left:18px" />
<img src="CheckCode.aspx" style="margin-left:18px" alt="點擊刷新驗證碼"
onclick="this.src='CheckCode.aspx?rnd='+Math.random();" /></span>
login.aspx.cs頁的代碼就不寫了，主要就是登錄的邏輯代碼。
下面是驗證碼頁的代碼
CheckCode.aspx頁沒有代碼。需要一張透明的圖片，用來顯示驗證碼。
CheckCode.aspx.cs代碼
[csharp]
<span style="font-size:18px;">using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Drawing;
using System.Drawing.Drawing2D;
using System.Drawing.Imaging;
using System.IO;
using System.Collections;
public partial class System_CheckCode : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//把生成的驗證碼字符串賦值給code
string code = GenerateCheckCode();
//用Cookie保存驗證碼，一分鐘過期
HttpCookie CheckCode = new HttpCookie("CheckCode", code);
CheckCode.Expires = new DateTime(6000);
Response.AppendCookie(CheckCode);
//根據生成的驗證碼繪制圖片
CreatCheckCodeImage(CheckCode.Value);
}
//生成驗證碼字符串
private string GenerateCheckCode()
{
int number;
char code;
string checkCode = string.Empty;
Random random = new Random();
//可設置驗證碼字符數量
for (int i = 0; i < 4; i++)
{
//返回非負隨機數
number = random.Next();
//為生成隨機數設置條件
if (number % 2 == 0)
{
code = (char)('0' + (char)(number % 10));
}
else
{
code = (char)('A' + (char)(number % 26));
}
//完整驗證碼
checkCode += code.ToString();
}
return checkCode;
}
//根據傳入的驗證碼字符串生成圖片
private void CreatCheckCodeImage(string checkCode)
{
if (checkCode == null || checkCode.Trim() == string.Empty) return;
Bitmap image = new Bitmap((int)(Math.Ceiling(checkCode.Length * 17.5)), 28);
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.Width);
int y2 = random.Next(image.Width);
//繪制一條由坐標對指定的兩個點的線條
g.DrawLine(new Pen(Color.Silver), x1, y1, x2, y2);
}
//設置字體樣式 使用指定的大小和樣式初始化新Font
Font font = new Font("Arial", 17, (FontStyle.Bold | FontStyle.Italic));
//使用線性漸變封裝 Brush。此類不能被繼承。
//Rectangle(Int32, Int32, Int32, Int32) 用指定的位置和大小初始化 Rectangle 類的新實例
LinearGradientBrush brush =
new LinearGradientBrush(new Rectangle(0, 0, image.Width, image.Height), Color.Blue, Color.DarkRed, 1.2f, true);
//DrawString(String, Font, Brush, Single, Single)
<span style="font-size:18px;">//</span>在指定位置並且用指定的 Brush 和 Font 對象繪制指定的文本字符串。
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) 獲取此 Bitmap 中指定像素的顏色。
// FromArgb(Int32) 從一個 32 位 ARGB 值創建 Color 結構。
image.SetPixel(x, y, Color.FromArgb(random.Next()));
}
//畫圖片的邊框線
g.DrawRectangle(new Pen(Color.Silver), 0, 0, image.Width - 1, image.Height - 1);
MemoryStream ms = new MemoryStream();
image.Save(ms, ImageFormat.Gif);
Response.ClearContent();
Response.ContentType = "image/Gif";
Response.BinaryWrite(ms.ToArray());
}
finally
{
g.Dispose();
image.Dispose();
}
}
}</span>
