Asp.Net实现图形验证码

原创 Laughing  2018-03-10 20:04  阅读 630 次 评论 0 条

平时我们使用验证码的情形还是非常多的,比如登陆界面、发送短信验证码等,现在新的验证方式也又很多,比如数学计算或者滑块等,这里我们仅仅介绍传统的图形验证码。

修改web.config,设置图形验证码的位数

  1. <appSettings>  
  2.   <add key="VerifyCodeNum" value="4"/>  
  3. </appSettings>  

生成图片公共类

  1. using System;  
  2. using System.Collections.Generic;  
  3. using System.Configuration;  
  4. using System.Drawing;  
  5. using System.Drawing.Imaging;  
  6. using System.IO;  
  7. using System.Linq;  
  8. using System.Web;  
  9.   
  10. /// <summary>  
  11. /// VerifyCode 的摘要说明  
  12. /// </summary>  
  13. public class VerifyCode  
  14. {  
  15.     public VerifyCode()  
  16.     {  
  17.         //  
  18.         // TODO: 在此处添加构造函数逻辑  
  19.         //  
  20.     }  
  21.     /// <summary>  
  22.     /// 生成随机数  
  23.     /// </summary>  
  24.     /// <returns></returns>  
  25.     public static string GetVerifyCode()  
  26.     {  
  27.         //获取系统配置的随机数的位数  
  28.         int vCodeNum = Convert.ToInt32(ConfigurationManager.AppSettings["VerifyCodeNum"]);  
  29.         string vChar = "0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f,g,h,i,j,k,l,m,n,p" +  
  30.             ",q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,P,P,Q" +  
  31.             ",R,S,T,U,V,W,X,Y,Z";  
  32.         string[] vArray = vChar.Split(',');  
  33.         string code = "";//产生的随机数    
  34.         int temp = -1;//记录上次随机数值,尽量避避免生产几个一样的随机数    
  35.         Random rand = new Random();  
  36.         //采用一个简单的算法以保证生成随机数的不同    
  37.         for (int i = 1; i < vCodeNum + 1; i++)  
  38.         {  
  39.             if (temp != -1)  
  40.             {  
  41.                 rand = new Random(i * temp * unchecked((int)DateTime.Now.Ticks));//初始化随机类    
  42.             }  
  43.             int t = rand.Next(61);//获取随机数    
  44.             if (temp != -1 && temp == t)  
  45.             {  
  46.                 return GetVerifyCode();//如果获取的随机数重复,则递归调用    
  47.             }  
  48.             ttemp = t;//把本次产生的随机数记录起来    
  49.             code += vArray[t];//随机数的位数加一    
  50.         }  
  51.         return code;  
  52.     }  
  53.     /// <summary>    
  54.     /// 该方法是将生成的随机数写入图像文件    
  55.     /// </summary>    
  56.     /// <param name="code">code是一个随机数</param>  
  57.     public static MemoryStream CreateImage(out string code)  
  58.     {  
  59.         code = GetVerifyCode();  
  60.         Bitmap Img = null;  
  61.         Graphics g = null;  
  62.         MemoryStream ms = null;  
  63.         Random random = new Random();  
  64.         //验证码颜色集合    
  65.         Color[] c = { Color.Black, Color.Red, Color.DarkBlue, Color.Green, Color.Orange, Color.Brown, Color.DarkCyan, Color.Purple };  
  66.         //验证码字体集合  
  67.         string[] fonts = { "Verdana", "Microsoft Sans Serif", "Comic Sans MS", "Arial", "宋体" };  
  68.         //定义图像的大小,生成图像的实例    
  69.         Img = new Bitmap(((int)code.Length) * 16, 32);  
  70.         g = Graphics.FromImage(Img);//从Img对象生成新的Graphics对象      
  71.         g.Clear(Color.White);//背景设为白色    
  72.         //在随机位置画背景点    
  73.         for (int i = 0; i < 100; i++)  
  74.         {  
  75.             int x = random.Next(Img.Width);  
  76.             int y = random.Next(Img.Height);  
  77.             g.DrawRectangle(new Pen(Color.LightGray, 0), x, y, 1, 1);  
  78.         }  
  79.         //验证码绘制在g中    
  80.         for (int i = 0; i < code.Length; i++)  
  81.         {  
  82.             int cindex = random.Next(7);//随机颜色索引值    
  83.             int findex = random.Next(5);//随机字体索引值    
  84.             Font f = new Font(fonts[findex], 15, FontStyle.Bold);//字体    
  85.             Brush b = new SolidBrush(c[cindex]);//颜色    
  86.             int ii = 4;  
  87.             if ((i + 1) % 2 == 0)//控制验证码不在同一高度    
  88.             {  
  89.                 ii = 2;  
  90.             }  
  91.             g.DrawString(code.Substring(i, 1), f, b, 3 + (i * 12), ii);//绘制一个验证字符    
  92.         }  
  93.         ms = new MemoryStream();//生成内存流对象    
  94.         Img.Save(ms, ImageFormat.Jpeg);//将此图像以Png图像文件的格式保存到流中    
  95.   
  96.         //回收资源    
  97.         g.Dispose();  
  98.         Img.Dispose();  
  99.         return ms;  
  100.     }  
  101. }  

新建一个页面VerifyCodeImage.aspx共前台调用

  1. using System;  
  2. using System.Collections.Generic;  
  3. using System.IO;  
  4. using System.Linq;  
  5. using System.Web;  
  6. using System.Web.UI;  
  7. using System.Web.UI.WebControls;  
  8.   
  9. public partial class VerifyCodeImage : System.Web.UI.Page  
  10. {  
  11.     protected void Page_Load(object sender, EventArgs e)  
  12.     {  
  13.         string verifyCode = String.Empty;  
  14.         MemoryStream memoryStream = VerifyCode.CreateImage(out verifyCode);  
  15.         Response.ContentType = "image/jpeg";  
  16.         Response.Cookies.Add(new HttpCookie("VerifyCode", verifyCode));  
  17.         Response.BinaryWrite(memoryStream.ToArray());  
  18.     }  
  19. }  

调用页面

  1. <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>  
  2.   
  3. <asp:Content runat="server" ID="FeaturedContent" ContentPlaceHolderID="FeaturedContent">  
  4.     <img src="/VerifyCodeImage.aspx" id="verifyCode"/>  
  5. </asp:Content>  

实现验证

实现验证也很简答,把验证码写入cookie,用户点击登陆的时候只需要与cookie的值进行比较即可。

本文地址:https://www.lisen.me/asp-net-implementation-of-graphic-verification-code.html
版权声明:本文为原创文章,版权归 木子网 所有,欢迎分享本文,转载请保留出处!

发表评论


表情