ASP.net验证码

快过年，好久没写什么东西了。不知道最近是太忙了，还是自己有点懒，写些自己积累的东西。都是些最基本的应用，和大家分享下。

 

验证码在很多地方多用到，网上各种形形色色的代码页很多了，我就是打发点时间写写了。

 

原理：通过GUI+生成有四个数字的图片，将四个数字存放到Session中，然后通过验证你输入的验证码和Session中的是否一致，达

到验证的效果。

 

扩展下，这里是四个数字的，如果需要那种汉字，英文字母还有数字夹杂在一起的那种我没有做过，不知道是通过程序去生成汉字和英

文字母。但是如果让我做的话，可以建立一个库（文件，数据库，还是最简单的一个数组）存放些汉字，英文字母。随机抽取出来生成。

就可以实现了。还有就是这个生成出来的图片是50*22像素的的，如果你要生成出更大或者小点的，需要修改下程序。没有做到通用是

我的罪过。。。

 

生成验证码图片：

 

CodeImg.aspx.cs文件

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CodeImg.aspx.cs" Inherits="Purdue.CRM.Web.inc.CodeImg" %>

 

CodeImg.cs文件

 

 using System; using System.Collections; using System.Collections.Generic; using System.Configuration; using System.Data; using System.Drawing; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; namespace Purdue.CRM.Web.inc { public partial class CodeImg : System.Web.UI.Page { public static String realCode=""; protected void Page_Load(object sender, EventArgs e) { //调用函数将验证码生成图片 this.CreateCheckCodeImage(GenerateCheckCode()); } private string GenerateCheckCode() { //产生四位的随机字符串 int number; char code; string checkCode = String.Empty; System.Random random = new Random(); for (int i = 0; i < 4; i++) { number = random.Next(); code = (char)('0' + (char)(number % 10)); checkCode += code.ToString(); } Session["CheckCode"] = checkCode;//用于客户端校验码比较 realCode = checkCode; return checkCode; } private void CreateCheckCodeImage(string checkCode) { //将验证码生成图片显示 if (checkCode == null || checkCode.Trim() == String.Empty) return; System.Drawing.Bitmap image = new System.Drawing.Bitmap(55, 20); Graphics g = Graphics.FromImage(image); try { //生成随机生成器 Random random = new Random(); //清空图片背景色 g.Clear(Color.White); //画图片的背景噪音线 for (int i = 0; i < 8; 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.FromArgb(random.Next(255), random.Next(255), random.Next(255)) ), x1, y1, x2, y2); } StringFormat sf = new StringFormat(); sf.Alignment = StringAlignment.Center; sf.LineAlignment = StringAlignment.Center; List<FontStyle> a = GetColorList; for (int i = 0; i < checkCode.Length; i++) { FontStyle Ftyle = GetColor(a); Font font = new System.Drawing.Font("Verdana", Ftyle.FontSize, (System.Drawing.FontStyle.Bold)); SolidBrush brush = new SolidBrush(Ftyle.FontColor); g.DrawString(checkCode.Substring(i, 1), font, brush, GetCodeRect(i), sf); } //画图片的边框线 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(); } } /// <summary> /// 从颜色列表中随机选取颜色 /// </summary> /// <param name="Color_L"></param> /// <returns></returns> private FontStyle GetColor(List<FontStyle> Color_L) { Random rnd = new Random(); int i = rnd.Next(0, Color_L.Count); FontStyle l = Color_L[i]; Color_L.RemoveAt(i); return l; } /// <summary> /// 获取颜色列表 /// </summary> private List<FontStyle> GetColorList { get { List<FontStyle> a = new List<FontStyle>(4); a.Add(new FontStyle(Color.Red, 12)); a.Add(new FontStyle(Color.Green, 12)); a.Add(new FontStyle(Color.Blue, 12)); a.Add(new FontStyle(Color.Black, 12)); return a; } } /// <summary> /// 获取单个字符的绘制区域 /// </summary> /// <param name="index">The index.</param> /// <returns></returns> public Rectangle GetCodeRect(int index) { // 计算一个字符应该分配有多宽的绘制区域（等分为CodeLength份） int subWidth = 55 / 4; // 计算该字符左边的位置 int subLeftPosition = subWidth * index; return new Rectangle(subLeftPosition + 1, 1, subWidth, 20); } } /// <summary> /// 字体类 /// </summary> public class FontStyle { /// <summary> /// 构造函数 /// </summary> /// <param name="FontColor">颜色</param> /// <param name="FontSize">字体大小</param> public FontStyle(Color FontColor, int FontSize) { _FontColor = FontColor; _FontSize = FontSize; } #region "Private Variables" private Color _FontColor; private int _FontSize; #endregion #region "Public Variables" /// <summary> /// 字体颜色 /// </summary> public Color FontColor { get { return _FontColor; } set { _FontColor = value; } } /// <summary> /// 字体大小 /// </summary> public int FontSize { get { return _FontSize; } set { _FontSize = value; } } #endregion } }

 

 OK，代码贴出来，其实不是复杂的代码。那如何调用了？！调用起来也不是很复杂的。

 

一个图片控件只要引用CodeImg.aspx就可以了。

 

<div id="divCheckImg" style="margin-bottom:5px;" mce_style="margin-bottom:5px;"> 验证码：<input name='checkCode' id='checkCode' type='text' tabindex='3' size='10' title='请输入验证码~!' value='' style="width:68px;"/>  <img src="inc/codeImg.aspx" mce_src="inc/codeImg.aspx" name='checkImage' align='absmiddle' οnclick='javascript:ChangeCodeImg();' alt='点击更换验证码图片!'/> </div>

 

 

ChangeCodeImg()是一个JavaScript的方法，当单击图片时，可以更换验证码的图片，具体代码是：

 

//更改验证码 rnd.today=new Date(); rnd.seed=rnd.today.getTime(); function rnd() { 　　rnd.seed = (rnd.seed*9301+49297) % 233280; 　　return rnd.seed/(233280.0); } function rand(number) { 　　return Math.ceil(rnd()*number); } function ChangeCodeImg() { var checkImage = document.getElementById("checkImage"); checkImage.src = "inc/CodeImg.aspx?"+rand(10000000); }

 

 如何实现有了，那怎么进行验证了？！那更加的简单了。

if(Request["checkCode"] == Session["CheckCode"]) { // } else { }