网站上的验证码是怎么产生的?

目前,许多网站的会员登录时都要求输入验证码,尽管验证码的形式五花八门,但是所使用的原理基本是一样的,都是生成随机字符串,然后描绘成图片的形式输出。

验证码的生产主要分两部分:1是随机字符串的生成;2是生产验证码图片

1. 随机字符串的生成:

随机字符串生成有很多方法,这里介绍一种利用字符数组生产随机串的方法

代码如图1所示,自定义自己的随机字符数组,然后使用随机函数随机抽取4个字符组成一个随机字符串

/// <summary>
   /// 生成随机字符串
   /// </summary>
   /// <returns></returns>
   private string GenerateCheckCode()
   {
       //  PageUtils.VerifyCode = checkCode.ToLower();
       //自定义自己验证码需要显示的字符
       //如果仅仅是数字和26个字母,您可以写一个循环遍历
       char[] myCodeChar = { '1', '2', '3', '4', '5', 'a', 'b', 'c', 'd', 'e', 'f' };
       int number;
       char code;
       string checkCode = string.Empty;
       //使用随机函数,产生一个随机数
       System.Random random = new Random();
       for (int i = 0; i < 4; i++)
       {
           number = random.Next(myCodeChar.Length);
           code = (char)(myCodeChar[number]);
           checkCode += code.ToString();
       }
       Session["checkCode"] = checkCode.ToLower();//把生成的验证码存入session
       return checkCode;
   }

图1

2 生产验证码图片,其实就是用c#的Graphics把生成德随机串描绘到图片上,具体请看图2代码示意:

/// <summary>
   /// 生成验证码图片,并输出
   /// </summary>
   /// <param name="checkCode"></param>
   private void CreateCheckCodeImage(string checkCode)
   {
       if (checkCode == null || checkCode.Trim() == String.Empty) return;
       Matrix m = new Matrix();//定义几何变换
       Bitmap charbmp = new Bitmap(90, 30);//图片前景色,即生成背景透明的随机字符串图片
       //定义字体
       Font[] fonts = {
                                       new Font(new FontFamily("Times New Roman"), 17, FontStyle.Regular),
                                       new Font(new FontFamily("Georgia"), 17, FontStyle.Regular),
                                       new Font(new FontFamily("Arial"), 17, FontStyle.Regular),
                                       new Font(new FontFamily("Comic Sans MS"), 17, FontStyle.Regular)
                                    };
        
       //定义图片背景色
       System.Drawing.Bitmap image = new System.Drawing.Bitmap((int)Math.Ceiling((checkCode.Length * 22.5)), 30);
       //开始描绘
       Graphics g = Graphics.FromImage(image);
       g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighSpeed;
       //定义背景色为白色
       g.Clear(Color.White);
       try
       {
           Random random = new Random();       //生成随机生成器
           g.Clear(Color.White);               //清空图片背景色
           for (int i = 0; i < 2; i++)              //画图片的背景噪音线,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.Black), x1, y1, x2, y2);
           }
           
           //开始描绘前景图
           Graphics charg = Graphics.FromImage(charbmp);
           SolidBrush drawBrush = new SolidBrush(Color.FromArgb(random.Next(101), random.Next(101), random.Next(101)));
           float charx = -18;
           //把随机字符串,逐个写入前景图
           for (int i = 0; i < checkCode.Length; i++)
           {
               m.Reset();
               m.RotateAt(random.Next(31) - 25, new PointF(random.Next(4) + 7, random.Next(4) + 7));
               charg.Clear(Color.Transparent);//定义前景图为透明
               charg.Transform = m;
               //定义前景色为黑色
               drawBrush.Color = Color.Black;
               charx = charx + 20 + random.Next(3);
               PointF drawPoint = new PointF(charx, 0.1F);
               charg.DrawString(checkCode[i].ToString(), fonts[random.Next(fonts.Length)], drawBrush, new PointF(0, 0));//通过特定的几何变换,旋转或变形随机字符,写入前景图
               charg.ResetTransform();
               g.DrawImage(charbmp, drawPoint);
           }
           //画图片的前景噪音点
           for (int i = 0; i < 25; i++)
           {
               int x = random.Next(image.Width);
               int y = random.Next(image.Height);
               image.SetPixel(x, y, Color.FromArgb(random.Next()));
           }
           //画图片的边框线
           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();
       }
   }

然后调用此函数即可,原理比较简单,只不过是c#的绘图技巧而已···

转自:http://www.cnblogs.com/dodohua/archive/2011/01/06/1927129.html

原文发布于微信公众号 - 程序员互动联盟(coder_online)

原文发表时间:2016-01-06

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏叁金大数据

C#中Image , Bitmap 和 BitmapData

先说Image,Image 就是个图像,不能实例化,提供了位图和源文件操作的函数。本篇文章他就是来打酱油的,这里提供一个Bitmap转成BitmapSource...

2022
来自专栏游戏杂谈

as3绘制抛物线

一般做页游的过程中,特效的释放可能是不是固定位置的播放,是需要进行“运动的”(其实就是移动特效这个影响剪辑)。举个例子:步兵射箭,不确定箭发射的方向,事先也不...

1062
来自专栏MelonTeam专栏

深入了解layout_weight的用途

导语 :当需要某个View自动占满剩余空间,或者多个View平分空间时,你会想到使用layout_weight,但如果想按比例使用空间, 你会怎么用呢,又有什么...

1968
来自专栏HT

基于HTML5的3D网络拓扑树呈现

在HT for Web中2D和3D应用都支持树状结构数据的展示,展现效果各异,2D上的树状结构在展现层级关系明显,但是如果数据量大的话,看起来就没那么直观,找到...

25410
来自专栏逍遥剑客的游戏开发

M2文件头

1192
来自专栏儿童编程

Python的艺术玩法——“孔雀开屏”篇

本文用Python实现一个“孔雀开屏”的效果,Python也可以这么玩。下面是源码,注释里面的是不同画面的执行代码。

1932
来自专栏菩提树下的杨过

Flash/Flex学习笔记(48):反向运动学(下)

先要复习一下三角函数与余弦定理: 对于直角三角形,三边长a,b,c与三个角A,B,C的关系如下: ? 正弦函数: ? 余弦函数: ? 正切函数: ? 反正切函数...

24610
来自专栏大大的微笑

java如何根据二进制流确定图片的类型

 为什么需要这样做? 因为仅仅通过后缀名我们并不能得知用户是否把图片的类型更改为其他类型. public enum ImageType { PNG('P','...

6416
来自专栏程序你好

CSharp代码示例每日一讲: 在GDI+中使用填充Fill方法

752
来自专栏HT

基于HT for Web的3D拓扑树的实现

在HT for Web中2D和3D应用都支持树状结构数据的展示,展现效果各异,2D上的树状结构在展现层级关系明显,但是如果数据量大的话,看起来就没那么直观,找到...

2305

扫码关注云+社区

领取腾讯云代金券