ASP.NET生成验证码

平时我们写项目时总会有一些通用的功能，比如验证码。

下面是我小结了别人的经验，总是加上了一些自己的想法，跟大家分享，同时欢迎大家指正错误。

1、创建一个GenerateCheckCode.aspx的网页，用来生成验证码

在cs文件中的代码如下：

protected void Page_Load(object sender, EventArgs e)
{
string chkCode = string.Empty;
　　//颜色列表，用于验证码、噪线、噪点
　　Color[] color = { Color.Black, Color.Red, Color.Blue, Color.Green, Color.Orange, Color.Brown, Color.Brown, Color.DarkBlue };
　　//字体列表，用于验证码
　　string[] font = { "Times New Roman", "MS Mincho", "Book Antiqua", "Gungsuh", "PMingLiU", "Impact" };
　　//验证码的字符集，去掉了一些容易混淆的字符
　　char[] character = { '2', '3', '4', '5', '6', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'K', 'L', 'M', 'N', 'P', 'R', 'S', 'T', 'W', 'X', 'Y' };
　　Random rnd = new Random();

　　//生成验证码字符串
　　for (int i = 0; i < 4; i++)
　　{
　　　　chkCode += character[rnd.Next(character.Length)];
　　}
　　Session["code"] = chkCode;
　　Bitmap bmp = new Bitmap(100, 40);
　　Graphics g = Graphics.FromImage(bmp);
　　g.Clear(Color.White);
　　//画噪线
　　for (int i = 0; i < 10; i++)
　　{
　　　　int x1 = rnd.Next(100);
　　　　int y1 = rnd.Next(40);
　　　 int x2 = rnd.Next(100);
　　　　int y2 = rnd.Next(40);
　　　　Color clr = color[rnd.Next(color.Length)];
　　　　g.DrawLine(new Pen(clr), x1, y1, x2, y2);
　　}
　 //画验证码字符串
　 for (int i = 0; i < chkCode.Length; i++)
　　{
　　　 string fnt = font[rnd.Next(font.Length)];
　　　 Font ft = new Font(fnt, 18);
　　　 Color clr = color[rnd.Next(color.Length)];
　　　 g.DrawString(chkCode[i].ToString(), ft, new SolidBrush(clr), (float)i * 20 + 8, (float)8);
　　}
　　//画噪点
　　for (int i = 0; i < 100; i++)
　　{
　　　　int x = rnd.Next(bmp.Width);
　　　　int y = rnd.Next(bmp.Height);
　　　　Color clr = color[rnd.Next(color.Length)];
　　　　bmp.SetPixel(x, y, clr);
　　}
　　//清除该页输出缓存，设置该页无缓存
　　Response.Buffer = true;
　　Response.ExpiresAbsolute = System.DateTime.Now.AddMilliseconds(0);
　　Response.Expires = 0;
　　Response.CacheControl = "no-cache";
　　Response.AppendHeader("Pragma", "No-Cache");
　　//将验证码图片写入内存流，并将其以 "image/Png" 格式输出
　 MemoryStream ms = new MemoryStream();
　　try
　　{
　　　　bmp.Save(ms, ImageFormat.Png);
　　　　Response.ClearContent();
　　　　Response.ContentType = "image/Png";
　　　　Response.BinaryWrite(ms.ToArray());
　　}
　　finally
　 {
　　　　//显式释放资源
　　　　bmp.Dispose();
　　　　　g.Dispose();
　　}
}

注意其中的 Session["code"] = chkCode;是保存验证码的内容，用来判断验证码输入是否正确。

同时生成验证码的长度也可以控制，上面的for循环就是生成验证码的个数的。

2、在需要验证码的页面上，加上<img id="Img" title="看不清，请点击我！" onclick="this.src=this.src+'?'" src="GenerateCheckCode.aspx" style="width: 100px; height: 40px" />

就可以了。其中src为生成验证码的页面，onclick事件用来实现无刷新的动态验证码。

例如，在某个页面的代码如下：

输入验证码　<asp:TextBox ID="code" runat="server" Width="150px"></asp:TextBox>
<img id="Img" title="看不清，请点击我！" onclick="this.src=this.src+'?'" src="GenerateCheckCode.aspx" style="width: 100px; height: 40px" />
<asp:Button ID="btn" Text="ok" runat="server" OnClick="btn_Click"/>

在给页面的cs文件中：

protected void btn_Click(object sender, EventArgs e)
{
　　string code = this.code.Text;
　　if (Session["code"] != null)
　　{
　　　　string checkNum = Session["code"].ToString();
　　　　if (code.ToLower().Equals(checkNum.ToLower()))
　　　　{
　　　 　　//验证成功
　　　　}
　　　　else
　　　　{
　　　　　　//验证失败
　　　　}
　　}

}

注意，不能在该页面的Page_Load事件获取session中的信息，此时的Session肯定是空的或者是上一个验证码。

因为验证码是在执行了<img .../>后，在GenerateCheckCode.aspx的cs文件的Page_Load事件中

生成的并保存到Session中的，就是说，验证码是在该页面的Page_Load事件后生成的。

所以我们应该保证先执行GenerateCheckCode.aspx的cs文件的Page_Load事件，然后再获取Session中的

验证码，所以我用了Button事件。

　　另外，在cs文件中判断验证码是否正确还有一个因素就是安全。刚开始我想的是把Session中的验证码传到

页面，然后再js代码中判断输入的是否正确，因为平时我们都不喜欢用服务器控件，但是在js脚本进行验证

是不安全的，在网页上点击查看网页源码一下子就暴露了验证码，也就失去了验证安全的作用了。