asp.net中的比较完美的验证码

本文转载:http://blog.csdn.net/zjk20108023/article/details/7836174

要实现如图的效果的验证码,分以下步骤:

第一、布局好调用验证码的登录页面(命名:Login.aspx),注意:验证码位置可以是服务器控件 Image,也可以是html标签写的<img>,但是图片url就是一个页面(命名:ValidateCode.aspx)(将在下面讲述。)比如:<asp:Image ID=“vcImg”      ImageUrl="~/ValidateCode.aspx"   runat="server" />

第二、生成类文件 (命名:validatedCode)

[csharp] view plaincopyprint?

  1. using System; 
  2. using System.Data; 
  3. using System.Configuration; 
  4. using System.Linq; 
  5. using System.Web; 
  6. using System.Web.Security; 
  7. using System.Web.UI; 
  8. using System.Web.UI.HtmlControls; 
  9. using System.Web.UI.WebControls; 
  10. using System.Web.UI.WebControls.WebParts; 
  11. using System.Xml.Linq; 
  12. using System.Drawing; 
  13. using System.IO; 
  14. using System.Drawing.Imaging; 
  15. /// <summary>
  16. /// Summary description for validatedCode
  17. /// </summary>
  18. public class validatedCode 
  19. {    
  20.        #region  验证码长度(默认6个验证码的长度)
  21. int length = 4; 
  22. public int Length 
  23.         { 
  24. get { return length; } 
  25. set { length = value; } 
  26.         } 
  27.         #endregion
  28.         #region 验证码字体大小(为了显示扭曲效果,默认40像素,可以自行修改)
  29. int fontSize = 40; 
  30. public int FontSize 
  31.         { 
  32. get { return fontSize; } 
  33. set { fontSize = value; } 
  34.         } 
  35.         #endregion
  36.         #region 边框补(默认1像素)
  37. int padding = 2; 
  38. public int Padding 
  39.         { 
  40. get { return padding; } 
  41. set { padding = value; } 
  42.         } 
  43.         #endregion
  44.         #region 是否输出燥点(默认不输出)
  45. bool chaos = true; 
  46. public bool Chaos 
  47.         { 
  48. get { return chaos; } 
  49. set { chaos = value; } 
  50.         } 
  51.         #endregion
  52.         #region 输出燥点的颜色(默认灰色)
  53.         Color chaosColor = Color.LightGray; 
  54. public Color ChaosColor 
  55.         { 
  56. get { return chaosColor; } 
  57. set { chaosColor = value; } 
  58.         } 
  59.         #endregion
  60.         #region 自定义背景色(默认白色)
  61.         Color backgroundColor = Color.White; 
  62. public Color BackgroundColor 
  63.         { 
  64. get { return backgroundColor; } 
  65. set { backgroundColor = value; } 
  66.         } 
  67.         #endregion
  68.         #region 自定义随机颜色数组
  69.         Color[] colors = { Color.Black, Color.Red, Color.DarkBlue, Color.Green, Color.Orange, Color.Brown, Color.DarkCyan, Color.Purple }; 
  70. public Color[] Colors 
  71.         { 
  72. get { return colors; } 
  73. set { colors = value; } 
  74.         } 
  75.         #endregion
  76.         #region 自定义字体数组
  77. string[] fonts = { "Arial", "Georgia" }; 
  78. public string[] Fonts 
  79.         { 
  80. get { return fonts; } 
  81. set { fonts = value; } 
  82.         } 
  83.         #endregion
  84.         #region 自定义随机码字符串序列(使用逗号分隔)
  85. string codeSerial = "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,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"; 
  86. public string CodeSerial 
  87.         { 
  88. get { return codeSerial; } 
  89. set { codeSerial = value; } 
  90.         } 
  91.         #endregion
  92.         #region 产生波形滤镜效果
  93. private const double PI = 3.1415926535897932384626433832795; 
  94. private const double PI2 = 6.283185307179586476925286766559; 
  95. /// <summary>
  96. /// 正弦曲线Wave扭曲图片(Edit By 51aspx.com)
  97. /// </summary>
  98. /// <param name="srcBmp">图片路径</param>
  99. /// <param name="bXDir">如果扭曲则选择为True</param>
  100. /// <param name="nMultValue">波形的幅度倍数,越大扭曲的程度越高,一般为3</param>
  101. /// <param name="dPhase">波形的起始相位,取值区间[0-2*PI)</param>
  102. /// <returns></returns>
  103. public System.Drawing.Bitmap TwistImage(Bitmap srcBmp, bool bXDir, double dMultValue, double dPhase) 
  104.         { 
  105.             System.Drawing.Bitmap destBmp = new Bitmap(srcBmp.Width, srcBmp.Height); 
  106. // 将位图背景填充为白色
  107.             System.Drawing.Graphics graph = System.Drawing.Graphics.FromImage(destBmp); 
  108.             graph.FillRectangle(new SolidBrush(System.Drawing.Color.White), 0, 0, destBmp.Width, destBmp.Height); 
  109.             graph.Dispose(); 
  110. double dBaseAxisLen = bXDir ? (double)destBmp.Height : (double)destBmp.Width; 
  111. for (int i = 0; i < destBmp.Width; i++) 
  112.             { 
  113. for (int j = 0; j < destBmp.Height; j++) 
  114.                 { 
  115. double dx = 0; 
  116.                     dx = bXDir ? (PI2 * (double)j) / dBaseAxisLen : (PI2 * (double)i) / dBaseAxisLen; 
  117.                     dx += dPhase; 
  118. double dy = Math.Sin(dx); 
  119. // 取得当前点的颜色
  120. int nOldX = 0, nOldY = 0; 
  121.                     nOldX = bXDir ? i + (int)(dy * dMultValue) : i; 
  122.                     nOldY = bXDir ? j : j + (int)(dy * dMultValue); 
  123.                     System.Drawing.Color color = srcBmp.GetPixel(i, j); 
  124. if (nOldX >= 0 && nOldX < destBmp.Width 
  125.                      && nOldY >= 0 && nOldY < destBmp.Height) 
  126.                     { 
  127.                         destBmp.SetPixel(nOldX, nOldY, color); 
  128.                     } 
  129.                 } 
  130.             } 
  131. return destBmp; 
  132.         } 
  133.         #endregion
  134.         #region 生成校验码图片
  135. public Bitmap CreateImageCode(string code) 
  136.         { 
  137. int fSize = FontSize; 
  138. int fWidth = fSize + Padding; 
  139. int imageWidth = (int)(code.Length * fWidth) + 4 + Padding * 2; 
  140. int imageHeight = fSize * 2 + Padding; 
  141.             System.Drawing.Bitmap image = new System.Drawing.Bitmap(imageWidth, imageHeight); 
  142.             Graphics g = Graphics.FromImage(image); 
  143.             g.Clear(BackgroundColor); 
  144.             Random rand = new Random(); 
  145. //给背景添加随机生成的燥点
  146. if (this.Chaos) 
  147.             { 
  148.                 Pen pen = new Pen(ChaosColor, 0); 
  149. int c = Length * 10; 
  150. for (int i = 0; i < c; i++) 
  151.                 { 
  152. int x = rand.Next(image.Width); 
  153. int y = rand.Next(image.Height); 
  154.                     g.DrawRectangle(pen, x, y, 1, 1); 
  155.                 } 
  156.             } 
  157. int left = 0, top = 0, top1 = 1, top2 = 1; 
  158. int n1 = (imageHeight - FontSize - Padding * 2); 
  159. int n2 = n1 / 4; 
  160.             top1 = n2; 
  161.             top2 = n2 * 2; 
  162.             Font f; 
  163.             Brush b; 
  164. int cindex, findex; 
  165. //随机字体和颜色的验证码字符
  166. for (int i = 0; i < code.Length; i++) 
  167.             { 
  168.                 cindex = rand.Next(Colors.Length - 1); 
  169.                 findex = rand.Next(Fonts.Length - 1); 
  170.                 f = new System.Drawing.Font(Fonts[findex], fSize, System.Drawing.FontStyle.Bold); 
  171.                 b = new System.Drawing.SolidBrush(Colors[cindex]); 
  172. if (i % 2 == 1) 
  173.                 { 
  174.                     top = top2; 
  175.                 } 
  176. else
  177.                 { 
  178.                     top = top1; 
  179.                 } 
  180.                 left = i * fWidth; 
  181.                 g.DrawString(code.Substring(i, 1), f, b, left, top); 
  182.             } 
  183. //画一个边框 边框颜色为Color.Gainsboro
  184.             g.DrawRectangle(new Pen(Color.Gainsboro, 0), 0, 0, image.Width - 1, image.Height - 1); 
  185.             g.Dispose(); 
  186. //产生波形(Add By 51aspx.com)
  187.             image = TwistImage(image, true, 8, 4); 
  188. return image; 
  189.         } 
  190.         #endregion
  191.         #region 将创建好的图片输出到页面
  192. public void CreateImageOnPage(string code, HttpContext context) 
  193.         { 
  194.             System.IO.MemoryStream ms = new System.IO.MemoryStream(); 
  195.             Bitmap image = this.CreateImageCode(code); 
  196.             image.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg); 
  197.             context.Response.ClearContent(); 
  198.             context.Response.ContentType = "image/Jpeg"; 
  199.             context.Response.BinaryWrite(ms.GetBuffer()); 
  200.             ms.Close(); 
  201.             ms = null; 
  202.             image.Dispose(); 
  203.             image = null; 
  204.         } 
  205.         #endregion
  206.         #region 生成随机字符码
  207. public string CreateVerifyCode(int codeLen) 
  208.         { 
  209. if (codeLen == 0) 
  210.             { 
  211.                 codeLen = Length; 
  212.             } 
  213. string[] arr = CodeSerial.Split(','); 
  214. string code = ""; 
  215. int randValue = -1; 
  216.             Random rand = new Random(unchecked((int)DateTime.Now.Ticks)); 
  217. for (int i = 0; i < codeLen; i++) 
  218.             { 
  219.                 randValue = rand.Next(0, arr.Length - 1); 
  220.                 code += arr[randValue]; 
  221.             } 
  222. return code; 
  223.         } 
  224. public string CreateVerifyCode() 
  225.         { 
  226. return CreateVerifyCode(0); 
  227.         } 
  228.         #endregion
using System;
using System.Data;
using System.Configuration;
using System.Linq;
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;
using System.Xml.Linq;
using System.Drawing;
using System.IO;
using System.Drawing.Imaging;

/// <summary>
/// Summary description for validatedCode
/// </summary>
public class validatedCode
{   
       #region  验证码长度(默认6个验证码的长度)
        int length = 4;
        public int Length
        {
            get { return length; }
            set { length = value; }
        }
        #endregion

        #region 验证码字体大小(为了显示扭曲效果,默认40像素,可以自行修改)
        int fontSize = 40;
        public int FontSize
        {
            get { return fontSize; }
            set { fontSize = value; }
        }
        #endregion

        #region 边框补(默认1像素)
        int padding = 2;
        public int Padding
        {
            get { return padding; }
            set { padding = value; }
        }
        #endregion

        #region 是否输出燥点(默认不输出)
        bool chaos = true;
        public bool Chaos
        {
            get { return chaos; }
            set { chaos = value; }
        }
        #endregion

        #region 输出燥点的颜色(默认灰色)
        Color chaosColor = Color.LightGray;
        public Color ChaosColor
        {
            get { return chaosColor; }
            set { chaosColor = value; }
        }
        #endregion

        #region 自定义背景色(默认白色)
        Color backgroundColor = Color.White;
        public Color BackgroundColor
        {
            get { return backgroundColor; }
            set { backgroundColor = value; }
        }
        #endregion

        #region 自定义随机颜色数组
        Color[] colors = { Color.Black, Color.Red, Color.DarkBlue, Color.Green, Color.Orange, Color.Brown, Color.DarkCyan, Color.Purple };
        public Color[] Colors
        {
            get { return colors; }
            set { colors = value; }
        }
        #endregion

        #region 自定义字体数组
        string[] fonts = { "Arial", "Georgia" };
        public string[] Fonts
        {
            get { return fonts; }
            set { fonts = value; }
        }
        #endregion

        #region 自定义随机码字符串序列(使用逗号分隔)
        string codeSerial = "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,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";
        public string CodeSerial
        {
            get { return codeSerial; }
            set { codeSerial = value; }
        }
        #endregion

        #region 产生波形滤镜效果

        private const double PI = 3.1415926535897932384626433832795;
        private const double PI2 = 6.283185307179586476925286766559;

        /// <summary>
        /// 正弦曲线Wave扭曲图片(Edit By 51aspx.com)
        /// </summary>
        /// <param name="srcBmp">图片路径</param>
        /// <param name="bXDir">如果扭曲则选择为True</param>
        /// <param name="nMultValue">波形的幅度倍数,越大扭曲的程度越高,一般为3</param>
        /// <param name="dPhase">波形的起始相位,取值区间[0-2*PI)</param>
        /// <returns></returns>
        public System.Drawing.Bitmap TwistImage(Bitmap srcBmp, bool bXDir, double dMultValue, double dPhase)
        {
            System.Drawing.Bitmap destBmp = new Bitmap(srcBmp.Width, srcBmp.Height);

            // 将位图背景填充为白色
            System.Drawing.Graphics graph = System.Drawing.Graphics.FromImage(destBmp);
            graph.FillRectangle(new SolidBrush(System.Drawing.Color.White), 0, 0, destBmp.Width, destBmp.Height);
            graph.Dispose();

            double dBaseAxisLen = bXDir ? (double)destBmp.Height : (double)destBmp.Width;

            for (int i = 0; i < destBmp.Width; i++)
            {
                for (int j = 0; j < destBmp.Height; j++)
                {
                    double dx = 0;
                    dx = bXDir ? (PI2 * (double)j) / dBaseAxisLen : (PI2 * (double)i) / dBaseAxisLen;
                    dx += dPhase;
                    double dy = Math.Sin(dx);

                    // 取得当前点的颜色
                    int nOldX = 0, nOldY = 0;
                    nOldX = bXDir ? i + (int)(dy * dMultValue) : i;
                    nOldY = bXDir ? j : j + (int)(dy * dMultValue);

                    System.Drawing.Color color = srcBmp.GetPixel(i, j);
                    if (nOldX >= 0 && nOldX < destBmp.Width
                     && nOldY >= 0 && nOldY < destBmp.Height)
                    {
                        destBmp.SetPixel(nOldX, nOldY, color);
                    }
                }
            }

            return destBmp;
        }



        #endregion

        #region 生成校验码图片
        public Bitmap CreateImageCode(string code)
        {
            int fSize = FontSize;
            int fWidth = fSize + Padding;

            int imageWidth = (int)(code.Length * fWidth) + 4 + Padding * 2;
            int imageHeight = fSize * 2 + Padding;

            System.Drawing.Bitmap image = new System.Drawing.Bitmap(imageWidth, imageHeight);

            Graphics g = Graphics.FromImage(image);

            g.Clear(BackgroundColor);

            Random rand = new Random();

            //给背景添加随机生成的燥点
            if (this.Chaos)
            {

                Pen pen = new Pen(ChaosColor, 0);
                int c = Length * 10;

                for (int i = 0; i < c; i++)
                {
                    int x = rand.Next(image.Width);
                    int y = rand.Next(image.Height);

                    g.DrawRectangle(pen, x, y, 1, 1);
                }
            }

            int left = 0, top = 0, top1 = 1, top2 = 1;

            int n1 = (imageHeight - FontSize - Padding * 2);
            int n2 = n1 / 4;
            top1 = n2;
            top2 = n2 * 2;

            Font f;
            Brush b;

            int cindex, findex;

            //随机字体和颜色的验证码字符
            for (int i = 0; i < code.Length; i++)
            {
                cindex = rand.Next(Colors.Length - 1);
                findex = rand.Next(Fonts.Length - 1);

                f = new System.Drawing.Font(Fonts[findex], fSize, System.Drawing.FontStyle.Bold);
                b = new System.Drawing.SolidBrush(Colors[cindex]);

                if (i % 2 == 1)
                {
                    top = top2;
                }
                else
                {
                    top = top1;
                }

                left = i * fWidth;

                g.DrawString(code.Substring(i, 1), f, b, left, top);
            }

            //画一个边框 边框颜色为Color.Gainsboro
            g.DrawRectangle(new Pen(Color.Gainsboro, 0), 0, 0, image.Width - 1, image.Height - 1);
            g.Dispose();

            //产生波形(Add By 51aspx.com)
            image = TwistImage(image, true, 8, 4);

            return image;
        }
        #endregion

        #region 将创建好的图片输出到页面
        public void CreateImageOnPage(string code, HttpContext context)
        {
            System.IO.MemoryStream ms = new System.IO.MemoryStream();
            Bitmap image = this.CreateImageCode(code);

            image.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg);

            context.Response.ClearContent();
            context.Response.ContentType = "image/Jpeg";
            context.Response.BinaryWrite(ms.GetBuffer());

            ms.Close();
            ms = null;
            image.Dispose();
            image = null;
        }
        #endregion

        #region 生成随机字符码
        public string CreateVerifyCode(int codeLen)
        {
            if (codeLen == 0)
            {
                codeLen = Length;
            }

            string[] arr = CodeSerial.Split(',');

            string code = "";

            int randValue = -1;

            Random rand = new Random(unchecked((int)DateTime.Now.Ticks));

            for (int i = 0; i < codeLen; i++)
            {
                randValue = rand.Next(0, arr.Length - 1);

                code += arr[randValue];
            }

            return code;
        }
        public string CreateVerifyCode()
        {
            return CreateVerifyCode(0);
        }
        #endregion
}

PS:虽然不是我自己写的,但是可分享给大家。

代码中有注释,所以我就不多说了。

第三、生成调用类文件的网页(ValidateCode.aspx),在该页面的后台代码(ValidateCode.aspx.cs文件)的Page_Load事件中写如下代码:

[csharp] view plaincopyprint?

  1. protected void Page_Load(object sender, EventArgs e) 
  2.     validatedCode v = new validatedCode(); 
  3. string code = v.CreateVerifyCode();            //取随机码
  4.     v.CreateImageOnPage(code, this.Context);       // 输出图片
  5.     Session["CheckCode"] = code;                   //Session 取出验证码
    protected void Page_Load(object sender, EventArgs e)
    {
        validatedCode v = new validatedCode();
        string code = v.CreateVerifyCode();            //取随机码
        v.CreateImageOnPage(code, this.Context);       // 输出图片
        Session["CheckCode"] = code;                   //Session 取出验证码
    }

第四、判断验证结果:Login.aspx页面的登录事件中添加验证

[csharp] view plaincopyprint?

  1. protected void btnLogin_Click(object sender, EventArgs e) 
  2.    { 
  3. string vCode = Session["CheckCode"].ToString(); 
  4. if (txtValidatedcode.Text.Trim().ToUpper() == vCode.ToUpper()) 
  5.        { 
  6.            ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "Startup", "alert('ValidatedCode is right!');", true); 
  7.        } 
  8.    } 

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Sorrower的专栏

Android绘制(二):来用Path绘出想要的图形吧!

之前有一篇用shape进行绘制的, 但是那个偏向静态, path结合属性动画可以动起来哦~ path是什么? 来看看官方的介绍:

1964
来自专栏小灰灰

Java 实现图片合成

图片合成 利用Java的绘图方法,实现图片合成 在开始之前,先定一个小目标,我们希望通过图片合成的方式,创建一个类似下面样式的图片 ? I. 设计思路 首先...

1.6K10
来自专栏Android开发与分享

【Android】RecyclerView:打造悬浮效果

90210
来自专栏潇涧技术专栏

Android Heroes Reading Notes 3

《Android群英传》读书笔记 (3) 第六章 Android绘图机制与处理技巧 + 第七章 Android动画机制与使用技巧

802
来自专栏Android群英传

PathMeasure之迷径追踪

1111
来自专栏小灰灰

Java 实现长图文生成

长图文生成 很久很久以前,就觉得微博的长图文实现得非常有意思,将排版直接以最终的图片输出,收藏查看分享都很方便,现在则自己动手实现一个简单版本的 目标 首先定...

4027
来自专栏前端儿

Windows下编程--模拟时钟的实现

(4)   编写显示数字时钟函数。注意要自己用矩形填充(FillRect)擦除背景。

1431
来自专栏林德熙的博客

win10 uwp 气泡 WPF 气泡

假设尖头宽度 10 高度 5 ,那么可以看到第一个点是 (0,5) 第二个点是 (5,0) 第三个点是 (10,5)

1951
来自专栏叁金大数据

WPF Canvas 画区域

有时候需要实现类似于QQ截图那样的选择区域功能,这里的区域可以是一条线,圆,矩形等等

2373
来自专栏Android知识点总结

Android关于Color你所知道的和不知道的一切

1524

扫码关注云+社区

领取腾讯云代金券