.Net Core 实现图片验证码的实现示例

 更新时间:2020-05-12 14:00:03   作者:佚名   我要评论(0)

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

记录自己的学习,参考了网上各位大佬的技术,往往在登录的时候需要使用到验证码来进行简单的一个校验,这边使用在.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="/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/

您可能感兴趣的文章:

  • .NET Core 2.0如何生成图片验证码完整实例

相关文章

  • .Net Core 实现图片验证码的实现示例

    .Net Core 实现图片验证码的实现示例

    记录自己的学习,参考了网上各位大佬的技术,往往在登录的时候需要使用到验证码来进行简单的一个校验,这边使用在.net core上进行生成图片二维码 思路很简单=》 生成
    2020-05-12
  • asp.net通过消息队列处理高并发请求(以抢小米手机为例)

    asp.net通过消息队列处理高并发请求(以抢小米手机为例)

    网站面对高并发的情况下,除了增加硬件, 优化程序提高以响应速度外,还可以通过并行改串行的思路来解决。这种思想常见的实践方式就是数据库锁和消息队列的方式。这
    2020-05-12
  • 使用VSCode开发和调试.NET Core程序的方法

    使用VSCode开发和调试.NET Core程序的方法

    电脑不想装几十个G的 VS2017,那就用 VS Code 吧 目标: 创建一个类库项目 Skany.Core,并用 Nuget 引用第三方组件 Hash 实现加密算法 创建一个单元测试项目 S
    2020-05-12
  • GO语言中的方法值和方法表达式的使用方法详解

    GO语言中的方法值和方法表达式的使用方法详解

    Go语言也称 Golang,兼具效率、性能、安全、健壮等特性。 Go语言从底层原生支持并发,无须第三方库、开发者的编程技巧和开发经验就可以轻松搞定。本文重点给大家介绍
    2020-05-12
  • golang 微服务之gRPC与Protobuf的使用

    golang 微服务之gRPC与Protobuf的使用

    RPC是什么? 所谓RPC(remote procedure call 远程过程调用)框架实际是提供了一套机制,使得应用程序之间可以进行通信,而且也遵从server/client模型。使用的时候
    2020-05-12
  • 基于golang的简单分布式延时队列服务的实现

    基于golang的简单分布式延时队列服务的实现

    一、引言 背景 我们在做系统时,很多时候是处理实时的任务,请求来了马上就处理,然后立刻给用户以反馈。但有时也会遇到非实时的任务,比如确定的时间点发布重要公
    2020-05-12
  • Go语言正则表达式的使用详解

    Go语言正则表达式的使用详解

    正则表达式是一种进行模式匹配和文本操纵的功能强大的工具。正则表达式灵活、易用,按照它的语法规则,随需构造出的匹配模式就能够从原始文本中筛选出几乎任何你想要
    2020-05-12
  • Golang使用lua脚本实现redis原子操作

    Golang使用lua脚本实现redis原子操作

    目录 [redis 调用Lua脚本](#redis 调用Lua脚本) [redis+lua 实现评分排行榜实时更新](#redis+lua 实现评分排行榜实时更新) [lua 脚本](#lua 脚本) G
    2020-05-12
  • 使用go module导入本地包的方法教程详解

    使用go module导入本地包的方法教程详解

    go module 是Go1.11版本之后官方推出的版本管理工具,并且从 Go1.13 版本开始, go module 将是Go语言默认的依赖管理工具。到今天 Go1.14 版本推出之后 Go modules
    2020-05-12
  • Golang实现超时退出的三种方式

    Golang实现超时退出的三种方式

    前段时间发现线上有个服务接口,总是间歇性告警,有时候一天两三次,有时候一天都没有。 告警的逻辑是在一个接口中异步调用了另一个HTTP接口,这个HTTP接口调用出现
    2020-05-12

最新评论