开发者社区> 阿笨net> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

简介: 本文转载:http://blog.csdn.net/zjk20108023/article/details/7836174   要实现如图的效果的验证码,分以下步骤: 第一、布局好调用验证码的登录页面(命名:Login.aspx),注意:验证码位置可以是服务器控件 Image,也可以是html标签写的,但是图片url就是一个页面(命名:ValidateCode.aspx)(将在下面讲述。
+关注继续查看

本文转载: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)

 

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

 

  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页面的登录事件中添加验证

 

 

  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.    } 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
跟我一起学习ASP.NET 4.5 MVC4.0(六)
原文http://www.cnblogs.com/xdotnet/archive/2012/07/21/aspnet40_webpage20.html 这一系列文章跨度有点大,由于最近忙于其他事情,没有更新,今天重新安装了下Win8系 统,VS2012和SQLServer 2012,顺便抽空继续一篇。
983 0
跟我一起学习ASP.NET 4.5 MVC4.0(五)
原文http://www.cnblogs.com/xdotnet/archive/2012/03/29/aspnet_mvc4_html_control_checkboxlist.html 前面几篇文章介绍了一下ASP.NET MVC中的一些基础,今天我们一起来学习一下在ASP.NET MVC中控件的封装。
913 0
跟我一起学习ASP.NET 4.5 MVC4.0(一)
原文 : http://www.cnblogs.com/xdotnet/archive/2012/03/05/aspnet_mvc40_preview.html   由于上面一个项目使用的是ASP.NET4.0 MVC3.0,在招人的时候发现很多人有听说过MVC,但是却是没用过,对MVC也只是一知半解,最近想给团队成员做一个系统的解说,让大家都可以学习一 下ASP.NET MVC3.0。
1097 0
跟我一起学习ASP.NET 4.5 MVC4.0(二)
原文http://www.cnblogs.com/xdotnet/archive/2012/03/06/aspnet_mvc40_keywords.html 上一篇文章中(跟我一起学习ASP.NET 4.5 MVC4.0(一)) 我们基础的了解了一下ASP.NET MVC4.0的一些比较简单的改变,主要是想对于MVC3.0来说的。
972 0
跟我一起学习ASP.NET 4.5 MVC4.0(三)
原文 http://www.cnblogs.com/xdotnet/archive/2012/03/07/aspnet_mvc40_validate.html 今天我们继续ASP.NET 4.5 MVC 4.0,前两天熟悉了MVC4.0在VS11和win8下的更新,以及MVC中的基础语法和几个关键字的使用。
929 0
跟我一起学习ASP.NET 4.5 MVC4.0(四)
原文http://www.cnblogs.com/xdotnet/archive/2012/03/27/aspnet_mvc4_authorize.html 前几个文章中介绍了一些关于MVC4.0的东东,今天我们来看一下登陆验证,也可以说是 权限验证,即AuthorizeAttribute。
865 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载