1 　　　　 /// <summary>
 2         /// 根据验证码字符串生成验证码图片
 3         /// </summary>
 4         /// <param name="checkCode">验证码字符串</param>
 5         private void CreateCheckCodeImage(string checkCode)
 6         {
 7 
 8             if (checkCode == null || checkCode.Trim() == String.Empty) return;
 9             // 引用System.Drawing类库
10             Bitmap myImage = new Bitmap(60, 30);//生成一个指定大小的位图
11             Graphics graphics = Graphics.FromImage(myImage); //从一个位图生成一个画布
12             try
13             {
14                 graphics.Clear(Color.White); //清除整个绘画面并以指定的背景色填充,这里是把背景色设为白色
15                 Random random = new Random(); //实例化一个伪随机数生成器
16 
17                 //画图片的前景噪音点,这里有200个
18                 for (int i = 0; i < 200; i++)
19                 {
20                     int x = random.Next(myImage.Width);
21                     int y = random.Next(myImage.Height);
22                     myImage.SetPixel(x, y, Color.FromArgb(random.Next()));//指定坐标为x,y处的像素的颜色
23                 }
24 
25                 //画图片的背景噪音线,这里为5条
26                 for (int i = 0; i < 5; i++)
27                 {
28                     int x1 = random.Next(myImage.Width);
29                     int x2 = random.Next(myImage.Width);
30                     int y1 = random.Next(myImage.Height);
31                     int y2 = random.Next(myImage.Height);
32                     //绘制一条坐标x1,y1到坐标x2,y2的指定颜色的线条，这里的线条为黑色
33                     graphics.DrawLine(new Pen(Color.Black), x1, y1, x2, y2); 
34                 }
35                 //定义特定的文本格式,这里的字体为Arial，大小为15,字体加粗
36                 Font font = new Font("Arial", 15, FontStyle.Italic); 
37                 //根据矩形、起始颜色和结束颜色以及方向角度产生一个LinearGradientBrush实例---线性渐变
38                 System.Drawing.Drawing2D.LinearGradientBrush brush =
39                     new System.Drawing.Drawing2D.LinearGradientBrush(
40                         new Rectangle(0, 0, myImage.Width, myImage.Height),//在坐标0,0处实例化一个和myImage同样大小的矩形
41                         Color.Blue, Color.Red, 1.2f, true);
42                 //绘制文本字符串
43                 graphics.DrawString(checkCode, font, brush, 2, 2);
44 
45                 //绘制有坐标对、宽度和高度指定的矩形---画图片的边框线
46                 graphics.DrawRectangle(new Pen(Color.Silver), 0, 0, myImage.Width - 1, myImage.Height - 1);
47                 //创建其支持存储器为内存的流
48                 MemoryStream ms = new MemoryStream();
49                 //将此图像以指定格式保存到指定的流中
50                 myImage.Save(ms, System.Drawing.Imaging.ImageFormat.Gif); //这里是以gif的格式保存到内存中
51                 HttpContext.Current.Response.ClearContent(); //清除缓冲区流中的所有内容输出
52                 HttpContext.Current.Response.ContentType = "image/Gif"; //获取或设置输出流的HTTP MIME类型
53                 HttpContext.Current.Response.BinaryWrite(ms.ToArray()); //将一个二进制字符串写入HTTP输出流
54             }
55             finally
56             {
57                 //释放占用资源
58                 graphics.Dispose();
59                 myImage.Dispose();
60             }
61         }


　　好了，然后添加一个一般处理程序（后缀名为.ashx）《添加新项->一般处理程序》-----------我这里就命名为SecurityCode.ashx

 1 　　 /// <summary>
 2     /// 验证码 的摘要说明
 3     /// </summary>
 4     public class SecurityCode : IHttpHandler
 5     {
 6 
 7         public void ProcessRequest(HttpContext context)
 8         {
 9             DrawingSecurityCode sc = new DrawingSecurityCode();
10             string SecurityCode = sc.GetSecurityCode(4);
11         }
12 
13         public bool IsReusable
14         {
15             get
16             {
17                 return false;
18             }
19         }
20     }


　　到此为止，后台代码完成，接下来就是简单的前台代码了

1 <img id="CodeImg" src="SecurityCode.ashx" alt="验证码" onclick="javascript:RefreshCode();" />
2 
3 <script type="text/javascript">
4         function RefreshCode() {
5             var random = Math.random();
6             var img = document.getElementById("CodeImg");
7             img.src = "SecurityCode.ashx?" + random;
8         }
9 </script>