详细说说如何生成验证码—ASP.NET细枝末节(4)

前言

今天小编详细的说一下,ASP.NET网站开发过程中生成验证码的全部问题。

本文的目标,是让读者了解,生成验证码涉及的全部基础知识问题。

当然这里说的是比较简单的验证码。

真正符合要求的验证码,涉及到计算机图形学的一些问题,这就不是网站开发人员该考虑的了,公司肯定有专人干这个,或者有开发包。

1.为啥要研究这东西?

在正文开始之前,我又几个问题要强调。

1.对于验证码的生成问题,即使完全不了解,也不会影响开发。

我们完全可以到网上C+V一点代码搞定(也就是说,这不是asp.net网站开发的核心问题)。

坦率的讲,对于今天写的东西,小编不翻资料也是记不住。

2.但是,小编有个习惯。就是如果一段代码我完全不理解的话。

那么即使我知道他粘贴下来就能用,我心里也不是很踏实。

所以,可以写不出来,但一定要略懂,  心里踏实。

2.学习流程

本文的学习流程是这样安排的。

那么我们开始

一个简单的GDI小案例

1.说明

如果你想思考如何生成验证码,那么您第一个要解决的问题,

一定是.NET动态生成图片问题。(知道的就算了)

//GDI:.Net程序中进行绘图的一些类。

2.代码

 1             //这段代码开始前,要添加System.Drawing的引用。
 2             //创建一个尺寸为500*500的内存图片
 3             using (Bitmap bmp = new Bitmap(500, 500))
 4             //得到图片的画布
 5             using (Graphics g = Graphics.FromImage(bmp))
 6             {
 7                 //创建画笔
 8                 using (Font font = new Font(FontFamily.GenericSerif, 30))
 9                  {
10                       //在100,100处画一个红色的helloWorld
11                       g.DrawString("HelloWorld", font, Brushes.Red, 100, 100);
12                       //在100,100处画一个蓝色的椭圆
13                       g.DrawEllipse(Pens.Blue, 100, 100, 100, 100);
14
15                       using (Stream stream = File.OpenWrite(@"d:\2.jpg"))
16                       {
17                             bmp.Save(stream, ImageFormat.Jpeg);
18                        }
19                  }
20             } 

看这就生成完了。代码上,貌似没什么需要解释的。

用一般处理程序返回一个图片

1.说明

接下来我们研究一下如何在网页中动态生成一个图片。

从代码的角度上看。跟上边控制台上的代码仅有几点简单区别,几乎一样!

1)一般处理程序需要先设置ContentType =“image/jpeg”

2)一般处理程序需要把图片保存到Response.OutputStream中

2.代码

 1             context.Response.ContentType = "image/jpeg";
 2
 3             //这段代码开始前,要添加System.Drawing的引用。
 4             //创建一个尺寸为500*500的内存图片
 5             using (Bitmap bmp = new Bitmap(500, 500))
 6             //得到图片的画布
 7             using (Graphics g = Graphics.FromImage(bmp))
 8             {
 9                 //创建画笔
10                 using (Font font = new Font(FontFamily.GenericSerif, 30))
11                  {
12                       //在100,100处画一个红色的helloWorld
13                       g.DrawString("HelloWorld", font, Brushes.Red, 100, 100);
14                       //在100,100处画一个蓝色的椭圆
15                       g.DrawEllipse(Pens.Blue, 100, 100, 100, 100);
16                       //图片保存到输出流
17                       bmp.Save(context.Response.OutputStream, ImageFormat.Jpeg);
18
19                  }
20             } 

简单的数字验证码

1.思维

既然我们已经解决了如何动态生成图片,和如何在一般处理程序中返回一个图片的问题。

那么做验证码的技术问题,只剩下了如何生成四位随机数了。

其实就是用Random生成 1000~9999之间的随机数。

然后把这个四位数放到Session中,在根据这个数字生成验证码图片。

这就是生成验证码的基础逻辑了。

2.代码

 1 public void ProcessRequest(HttpContext context)
 2         {
 3             context.Response.ContentType = "image/jpeg";
 4
 5             Random random = new Random();
 6             //生成随机数
 7             string code = random.Next(1000, 9999).ToString();
 8             //把验证码放到Session中,方便以后比对
 9             context.Session["checkCode"] = code;
10             //开始生成验证码的图片
11             using (Bitmap bmp = new Bitmap(130, 50))
12             using (Graphics g = Graphics.FromImage(bmp))
13             {
14                 using (Font font = new Font(FontFamily.GenericSerif, 30))
15                 {
16                     g.DrawString(code, font, Brushes.AliceBlue, 10, 10);
17                     //图片保存到输出流
18                     bmp.Save(context.Response.OutputStream, ImageFormat.Jpeg);
19                 }
20             }
21         }

生成效果(当然这样的验证码,稍微懂一点图形学的人都能用程序读取出来,开发中千万别这么干!)

3.节外生枝

本来我敲着代码唱这歌,挺happy的,结果突然就给我报了一个空引用的异常,这里有必要说一下。

看来有必要写一篇文章,详细的介绍一下Session,给自己好好补补课,补到她好我也好为止。

稍微复杂一点的验证码

1.思路

上面的验证码太简陋了,现在说一个稍微复杂一点的。

我的改进思路是这样的。

1)既然随机生成数字太简单,觉得说不过去。那就随机生成5个字符。

字符写在一个数组里。随机生成数组下标,然后拿出五个。字符数组我们可以写的复杂一点。

2)生成图片以后,在图片上随手扔点躁点,增加其他程序的识别成本。

2.代码

 1 public void ProcessRequest(HttpContext context)
 2      {
 3          string checkCode = GenCode(5);  // 产生5位随机字符
 4          context.Session["Code"] = checkCode; //将字符串保存到Session中,以便需要时进行验证
 5          System.Drawing.Bitmap image = new System.Drawing.Bitmap(70, 22);
 6          Graphics g = Graphics.FromImage(image);
 7          try
 8          {
 9              //生成随机生成器
10              Random random = new Random();
11              //清空图片背景色
12              g.Clear(Color.White);
13              // 画图片的背景噪音线
14              int i;
15              for (i = 0; i < 25; i++)
16              {
17                  int x1 = random.Next(image.Width);
18                  int x2 = random.Next(image.Width);
19                  int y1 = random.Next(image.Height);
20                  int y2 = random.Next(image.Height);
21                  g.DrawLine(new Pen(Color.Silver), x1, y1, x2, y2);
22              }
23
24              Font font = new System.Drawing.Font("Arial", 12, (System.Drawing.FontStyle.Bold));
25              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);
26              g.DrawString(checkCode, font, brush, 2, 2);
27              //画图片的前景噪音点
28              g.DrawRectangle(new Pen(Color.Silver), 0, 0, image.Width - 1, image.Height - 1);
29              System.IO.MemoryStream ms = new System.IO.MemoryStream();
30              image.Save(ms, System.Drawing.Imaging.ImageFormat.Gif);
31              context.Response.ClearContent();
32              context.Response.ContentType = "image/Gif";
33              context.Response.BinaryWrite(ms.ToArray());
34          }
35          finally
36          {
37              g.Dispose();
38              image.Dispose();
39          }
40      }
41
42 /// <summary>
43 /// 产生随机字符串
44 /// </summary>
45 /// <param name="num">随机出几个字符</param>
46 /// <returns>随机出的字符串</returns>
47      private string GenCode(int num)
48      {
49          string str = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
50          char[] chastr = str.ToCharArray();
51          // string[] source ={ "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", "#", "$", "%", "&", "@" };
52          string code = "";
53          Random rd = new Random();
54          int i;
55          for (i = 0; i < num; i++)
56          {
57              //code += source[rd.Next(0, source.Length)];
58              code += str.Substring(rd.Next(0, str.Length), 1);
59          }
60          return code;
61      }

生成效果。差不多能用了吧?

好了今天的关于验证码的问题就说这些了。

我还是那个观点,这种东西没有必要记住,当然如果真能上手就写,那自然是极好的。

记不住也不影响开发,写的时候上网搜一下就好了。

之所以要写这篇文章有两个原因。

1) 总要有人写这种东西,要不去哪复制。自己写一篇以后也好找。

2) 毫无了解的代码,即使复制下来就能用,但是使用起来是心虚的。

(当然这一点不绝对,太难的东西就算了。还是有太多东西我们是,不需要了解的。

时间: 2024-10-11 12:49:21

详细说说如何生成验证码—ASP.NET细枝末节(4)的相关文章

asp.net一般处理程序(.ashx)动态生成验证码案例。

{使用一般处理程序动态生成验证码} 1.新建WebSite项目,添加一般处理程序命名为  yzm.ashx,添加如下代码: public void ProcessRequest(HttpContext context)    {   //将context.Response.ContentType = "text/plain";修改为context.Response.ContentType = "image/JPEG";        context.Response

bobojavascript、asp.net 实现随机生成验证码

一些网站中都有登录页面,登录时输入正确的验证码才可以,废话不多说,今天就用javascript 和异步来实现自动生成图片验证码的功能. 首先我们要插入一个一般处理程序(也就是ashx的文件,这里我给它起名为WaterMark.ashx) 这个文件所包括的引用: using System;        using System.Web;        using System.Drawing;        using System.Drawing.Drawing2D;        using

asp.net中ashx生成验证码代码放在Linux(centos)主机上访问时无法显示问题

最近有个项目加入了验证码功能,就从自己博客以前的代码中找到直接使用,直接访问验证码页面报错如下: 源代码:asp.net中使用一般处理程序生成验证码 Application Exception System.ArgumentException The requested FontFamily could not be found [GDI+ status: FontFamilyNotFound] Description: HTTP 500.Error processing request. De

(一)【转】asp.net mvc生成验证码

网站添加验证码,主要为防止机器人程序批量注册,或对特定的注册用户用特定程序暴力破解方式,以进行不断的登录.灌水等危害网站的操作.验证码被广泛应用在注册.登录.留言等提交信息到服务器端处理的页面中. 在ASP.NET网站中应用验证码是很容易的,网上有很多的解决方案.最近在做一个OA项目,因系统采用的ASP.NET MVC框架,同样在登录页中需用到验证码,故需将原来在ASP.NET网站中使用的验证码移植到ASP.NET MVC中. 原ASP.NET网站用来生成验证码的类文件ValidateCode.

ASP.NET ashx实现无刷新页面生成验证码

现在大部分网站登陆时都会要求输入验证码,在网上也看了一些范例,现在总结一下如何实现无刷新页面生成验证码. 效果图: 实现方式: 前台: 1 <div> 2 <span>Identifying Code:</span> 3 <asp:TextBox ID="txtValidationCode" runat="server" Width="130px" MaxLength="4">&

ASP.NET生成验证码

平时我们写项目时总会有一些通用的功能,比如验证码. 下面是我小结了别人的经验,总是加上了一些自己的想法,跟大家分享,同时欢迎大家指正错误. 1.创建一个GenerateCheckCode.aspx的网页,用来生成验证码 在cs文件中的代码如下: 1 protected void Page_Load(object sender, EventArgs e) 2 { 3 string chkCode = string.Empty; 4 //颜色列表,用于验证码.噪线.噪点 5 Color[] colo

ASP.NET MVC5 生成验证码

1 ValidateCode.cs using System; using System.Drawing; using System.Drawing.Drawing2D; using System.Drawing.Imaging; using System.IO; namespace Common { /// <summary> /// 生成验证码的类 /// </summary> public class ValidateCode { public ValidateCode()

jsp动态生成验证码详细代码

思路:页面加载时执行fnGetcode()方法,获取验证码所有信息:点击“点击图片更换” 再次执行fnGetcode()方法: 1):<body > <label>         验证码:         <input id="showco" type="hidden" value=""/>         <input type="text" id="code"

asp.net如何实现生成验证码的登录界面

先要新建validate aspx验证页面.然后生成验证码控件imagebutton,再生成picture窗体. 代码如下: using System;using System.Collections;using System.Configuration;using System.Data;using System.Linq;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.Htm