.Net Core 实现图片验证码的实现示例-技术博客集

.Net Core 实现图片验证码的实现示例
.Net / houtizong1 发布于 6个月前 58

记录自己的学习，参考了网上各位大佬的技术，往往在登录的时候需要使用到验证码来进行简单的一个校验，这边使用在.net core上进行生成图片二维码

思路很简单=》生成一个随机数-》保存到服务端Session-》生成随机码对应的图片给前端-》登录的时候进行校验（也可以在后端进行随机码的token加密，存到Cooick里面在前端进行校验）

第一步：生成随机数

private static string RndNum(int VcodeNum)    {      //验证码可以显示的字符集合       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" +        ",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" +        ",R,S,T,U,V,W,X,Y,Z";      string[] VcArray = Vchar.Split(new Char[] { ',' });//拆分成数组        string code = "";//产生的随机数       int temp = -1;//记录上次随机数值，尽量避避免生产几个一样的随机数       Random rand = new Random();      //采用一个简单的算法以保证生成随机数的不同       for (int i = 1; i < VcodeNum + 1; i++)      {        if (temp != -1)        {          rand = new Random(i * temp * unchecked((int)DateTime.Now.Ticks));//初始化随机类         }        int t = rand.Next(61);//获取随机数         if (temp != -1 && temp == t)        {          return RndNum(VcodeNum);//如果获取的随机数重复，则递归调用         }        temp = t;//把本次产生的随机数记录起来         code += VcArray[t];//随机数的位数加一       }      return code;    }

第二步：生成验证码图片

public static MemoryStream Create(out string code, int numbers = 4)    {      code = RndNum(numbers);      //Bitmap img = null;      //Graphics g = null;      MemoryStream ms = null;      Random random = new Random();      //验证码颜色集合       Color[] c = { Color.Black, Color.Red, Color.DarkBlue, Color.Green, Color.Orange, Color.Brown, Color.DarkCyan, Color.Purple };      //验证码字体集合      string[] fonts = { "Verdana", "Microsoft Sans Serif", "Comic Sans MS", "Arial", "宋体" };      using (var img = new Bitmap((int)code.Length * 18, 32))      {        using (var g = Graphics.FromImage(img))        {          g.Clear(Color.White);//背景设为白色          //在随机位置画背景点           for (int i = 0; i < 100; i++)          {int x = random.Next(img.Width);int y = random.Next(img.Height);g.DrawRectangle(new Pen(Color.LightGray, 0), x, y, 1, 1);          }          //验证码绘制在g中           for (int i = 0; i < code.Length; i++)          {int cindex = random.Next(7);//随机颜色索引值 int findex = random.Next(5);//随机字体索引值 Font f = new Font(fonts[findex], 15, FontStyle.Bold);//字体 Brush b = new SolidBrush(c[cindex]);//颜色 int ii = 4;if ((i + 1) % 2 == 0)//控制验证码不在同一高度 {  ii = 2;}g.DrawString(code.Substring(i, 1), f, b, 3 + (i * 12), ii);//绘制一个验证字符           }          ms = new MemoryStream();//生成内存流对象           img.Save(ms, ImageFormat.Jpeg);//将此图像以Png图像文件的格式保存到流中         }      }      return ms;    }

第三步：控制器调用方法生成随机数图片之后，进行随机数的保存

 HttpContext.Session.SetString("LoginValidateCode", code);

备注：在使用Session的时候要进行Session服务的注册

在ConfigureServices中services.AddSession();

在Configure中app.UseSession();

最后在前端进行验证码图片的绑定

<img style="justify-content:center" id="code" src="https://www.jb51.net/Users/Login/GetVerifyCode" />

点击图片进行验证码刷新

function GetCode() {    $.ajax({      type: "GET",      url: "/Users/Login/GetVerifyCode",      data: {},      dataType: "json",      success: function (data) {      },      complete: function () {        $("#code").attr('src', '/Users/Login/GetVerifyCode')      }    });  }

SkiaSharp

这个百度上的搜索结果没有一个是给了可用代码的。ε=(´ο｀*)))唉而且大部分都是一个人放出来的代码好吧开始自己整。先上代码

public IActionResult Code()    {      #region 反射SK支持的全部颜色      //List<SKColor> colors = new List<SKColor>();//var skcolors = new SKColors();      //var type = skcolors.GetType();      //foreach (FieldInfo field in type.GetFields())      //{      //  colors.Add( (SKColor)field.GetValue(skcolors));      //}      #endregion      //int maxcolorindex = colors.Count-1;      string text = "1A3V";      var zu = text.ToList();      SKBitmap bmp = new SKBitmap(80, 30);      using (SKCanvas canvas = new SKCanvas(bmp))      {        //背景色        canvas.DrawColor(SKColors.White);    using (SKPaint sKPaint = new SKPaint())        {       sKPaint.TextSize = 16;//字体大小          sKPaint.IsAntialias = true;//开启抗锯齿        sKPaint.Typeface = SKTypeface.FromFamilyName("微软雅黑", SKTypefaceStyle.Bold);//字体          SKRect size = new SKRect();          sKPaint.MeasureText(zu[0].ToString(), ref size);//计算文字宽度以及高度        float temp = (bmp.Width/4 - size.Size.Width)/2;          float temp1 = bmp.Height - (bmp.Height - size.Size.Height) / 2;       Random random = new Random();       for (int i = 0; i < 4; i++)          {sKPaint.Color = new SKColor((byte)random.Next(0,255), (byte)random.Next(0, 255), (byte)random.Next(0, 255));           canvas.DrawText(zu[i].ToString(), temp + 20*i, temp1, sKPaint);//画文字          } //干扰线          for (int i = 0; i < 5; i++)          {sKPaint.Color = new SKColor((byte)random.Next(0, 255), (byte)random.Next(0, 255), (byte)random.Next(0, 255));           canvas.DrawLine(random.Next(0, 40), random.Next(1, 29), random.Next(41, 80), random.Next(1, 29), sKPaint);          }        }   //页面展示图片        using (SKImage img = SKImage.FromBitmap(bmp))        {          using (SKData p = img.Encode())          {return File(p.ToArray(), "image/Png");          }        }      }    }

到此这篇关于.Net Core 实现图片验证码的实现示例的文章就介绍到这了,更多相关.Net Core 图片验证码内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！

出处：https://www.cnblogs.com/net-open/

上一篇：IdentityServer4实现.Net Core API接口权限认证(快速入门)

下一篇：使用.Net Core编写命令行工具(CLI)的方法

请勿发布不友善或者负能量的内容。与人为善，比聪明更重要！

记录自己的学习，参考了网上各位大佬的技术，往往在登录的时候需要使用到验证码来进行简单的一个校验，这边使用在.net core上进行生成图片二维码思路很简单=》 生成一个随机数-》保存到服务端Session-》生成随机码对应的图片给前端-》登录的时候进行校验（也可以在后端进行随机码的token加密，存到Cooick里面在前端进行校验）第一步：生成随机数<pre class="brush:csharp;">private static string RndNum(int VcodeNum) { //验证码可以显示的字符集合 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" + ",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" + ",R,S,T,U,V,W,X,Y,Z"; string[] VcArray = Vchar.Split(new Char[] { ',' });//拆分成数组 string code = "";//产生的随机数 int temp = -1;//记录上次随机数值，尽量避避免生产几个一样的随机数 Random rand = new Random(); //采用一个简单的算法以保证生成随机数的不同 for (int i = 1; i &lt; VcodeNum + 1; i++) { if (temp != -1) { rand = new Random(i * temp * unchecked((int)DateTime.Now.Ticks));//初始化随机类 } int t = rand.Next(61);//获取随机数 if (temp != -1 &amp;&amp; temp == t) { return RndNum(VcodeNum);//如果获取的随机数重复，则递归调用 } temp = t;//把本次产生的随机数记录起来 code += VcArray[t];//随机数的位数加一 } return code; }</pre>第二步：生成验证码图片<a href="https://www.zongscan.com/"></a><pre class="brush:csharp;">public static MemoryStream Create(out string code, int numbers = 4) { code = RndNum(numbers); //Bitmap img = null; //Graphics g = null; MemoryStream ms = null; Random random = new Random(); //验证码颜色集合 Color[] c = { Color.Black, Color.Red, Color.DarkBlue, Color.Green, Color.Orange, Color.Brown, Color.DarkCyan, Color.Purple }; //验证码字体集合 string[] fonts = { "Verdana", "Microsoft Sans Serif", "Comic Sans MS", "Arial", "宋体" }; using (var img = new Bitmap((int)code.Length * 18, 32)) { using (var g = Graphics.FromImage(img)) { g.Clear(Color.White);//背景设为白色 //在随机位置画背景点 for (int i = 0; i &lt; 100; i++) {int x = random.Next(img.Width);int y = random.Next(img.Height);g.DrawRectangle(new Pen(Color.LightGray, 0), x, y, 1, 1); } //验证码绘制在g中 for (int i = 0; i &lt; code.Length; i++) {int cindex = random.Next(7);//随机颜色索引值 int findex = random.Next(5);//随机字体索引值 Font f = new Font(fonts[findex], 15, FontStyle.Bold);//字体 Brush b = new SolidBrush(c[cindex]);//颜色 int ii = 4;if ((i + 1) % 2 == 0)//控制验证码不在同一高度 { ii = 2;}g.DrawString(code.Substring(i, 1), f, b, 3 + (i * 12), ii);//绘制一个验证字符 } ms = new MemoryStream();//生成内存流对象 img.Save(ms, ImageFormat.Jpeg);//将此图像以Png图像文件的格式保存到流中 } } return ms; }</pre>第三步：控制器调用方法生成随机数图片之后，进行随机数的保存<pre class="brush:csharp;"> HttpContext.Session.SetString("LoginValidateCode", code);</pre>备注：在使用Session的时候要进行Session服务的注册在ConfigureServices中services.AddSession();在Configure中app.UseSession();<a href="https://www.zongscan.com/"></a>最后在前端进行验证码图片的绑定<pre class="brush:xhtml;">&lt;img style="justify-content:center" id="code" src="https://www.jb51.net/Users/Login/GetVerifyCode" /&gt;</pre>点击图片进行验证码刷新<pre class="brush:csharp;">function GetCode() { $.ajax({ type: "GET", url: "/Users/Login/GetVerifyCode", data: {}, dataType: "json", success: function (data) { }, complete: function () { $("#code").attr('src', '/Users/Login/GetVerifyCode') } }); }</pre>SkiaSharp 这个百度上的搜索结果没有一个是给了可用代码的。ε=(&acute;ο｀*)))唉 而且大部分都是一个人放出来的代码 好吧开始自己整。先上代码<pre class="brush:csharp;">public IActionResult Code() { #region 反射SK支持的全部颜色 //List&lt;SKColor&gt; colors = new List&lt;SKColor&gt;();//var skcolors = new SKColors(); //var type = skcolors.GetType(); //foreach (FieldInfo field in type.GetFields()) //{ // colors.Add( (SKColor)field.GetValue(skcolors)); //} #endregion //int maxcolorindex = colors.Count-1; string text = "1A3V"; var zu = text.ToList(); SKBitmap bmp = new SKBitmap(80, 30); using (SKCanvas canvas = new SKCanvas(bmp)) { //背景色 canvas.DrawColor(SKColors.White); using (SKPaint sKPaint = new SKPaint()) { sKPaint.TextSize = 16;//字体大小 sKPaint.IsAntialias = true;//开启抗锯齿 sKPaint.Typeface = SKTypeface.FromFamilyName("微软雅黑", SKTypefaceStyle.Bold);//字体 SKRect size = new SKRect(); sKPaint.MeasureText(zu[0].ToString(), ref size);//计算文字宽度以及高度 float temp = (bmp.Width/4 - size.Size.Width)/2; float temp1 = bmp.Height - (bmp.Height - size.Size.Height) / 2; Random random = new Random(); for (int i = 0; i &lt; 4; i++) {sKPaint.Color = new SKColor((byte)random.Next(0,255), (byte)random.Next(0, 255), (byte)random.Next(0, 255)); canvas.DrawText(zu[i].ToString(), temp + 20*i, temp1, sKPaint);//画文字 } //干扰线 for (int i = 0; i &lt; 5; i++) {sKPaint.Color = new SKColor((byte)random.Next(0, 255), (byte)random.Next(0, 255), (byte)random.Next(0, 255)); canvas.DrawLine(random.Next(0, 40), random.Next(1, 29), random.Next(41, 80), random.Next(1, 29), sKPaint); } } //页面展示图片 using (SKImage img = SKImage.FromBitmap(bmp)) { using (SKData p = img.Encode()) {return File(p.ToArray(), "image/Png"); } } } }</pre>到此这篇关于.Net Core 实现图片验证码的实现示例的文章就介绍到这了,更多相关.Net Core 图片验证码内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！出处：https://www.cnblogs.com/net-open/

留言需要登陆哦

技术博客集 - 网站简介：
前后端技术：
后端基于Hyperf2.1框架开发,前端使用Bootstrap可视化布局系统生成
网站主要作用：
1.编程技术分享及讨论交流，内置聊天系统;
2.测试交流框架问题，比如：Hyperf、Laravel、TP、beego;
3.本站数据是基于大数据采集等爬虫技术为基础助力分享知识，如有侵权请发邮件到站长邮箱，站长会尽快处理;
4.站长邮箱：[email protected];

文章归档

文章标签

友情链接

首页
关于我们

Auther ·HouTiZong: 侯体宗的博客