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

(0)

相关推荐

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

    前言 图片验证码在我们日常开发中是必不可少会遇见的一个功能,最近工作中就遇到了这个需求,所以下面将实现的方法分享给大家,话不多说了,来一起看看详细的介绍吧. .NET Core 2.0生成图片验证码 NuGet包引入:ZKWeb.System.Drawing,如下所示: 代码实例如下:VerifyCodeHelper using System; using System.DrawingCore; using System.DrawingCore.Drawing2D; using System.D

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

    记录自己的学习,参考了网上各位大佬的技术,往往在登录的时候需要使用到验证码来进行简单的一个校验,这边使用在.net core上进行生成图片二维码 思路很简单=> 生成一个随机数->保存到服务端Session->生成随机码对应的图片给前端->登录的时候进行校验(也可以在后端进行随机码的token加密,存到Cooick里面在前端进行校验) 第一步:生成随机数 private static string RndNum(int VcodeNum) { //验证码可以显示的字符集合 stri

  • Springboot+SpringSecurity实现图片验证码登录的示例

    这个问题,网上找了好多,结果代码都不全,找了好多,要不是就自动注入的类注入不了,编译报错,要不异常捕获不了浪费好多时间,就觉得,框架不熟就不能随便用,全是坑,气死我了,最后改了两天.终于弄好啦; 问题主要是: 返回的验证码不知道在SpringSecurity的什么地方和存在内存里的比较?我用的方法是前置一个过滤器,插入到表单验证之前. 比较之后应该怎么处理,:比较之后要抛出一个继承了AuthenticationException的异常 其次是捕获验证码错误异常的处理? 捕获到的异常交给自定义验证

  • react的滑动图片验证码组件的示例代码

    业务需求,需要在系统登陆的时候,使用"滑动图片验证码",来验证操作的不是机器人. 效果图 使用方式 在一般的页面组件引用即可.onReload这个函数一般是用来请求后台图片的. class App extends Component { state = { url: "" } componentDidMount() { this.setState({ url: getImage() }) } onReload = () => { this.setState({

  • asp.net core 腾讯验证码的接入示例代码

    Intro 之前使用的验证码服务是用的极验验证,而且是比较旧的,好久之前接入的,而且验证码服务依赖 Session,有点不太灵活,后来发现腾讯也有验证码服务,而且支持小程序,并且是唯一支持小程序的验证码..(垄断么..) 而且相比之下,腾讯验证码不需要依赖 Session,集成起来也比较方便,于是就用了腾讯验证码,详细参考:https://007.qq.com/product.html?ADTAG=index.block 验证流程 服务器端接入 using System.ComponentMod

  • Spring Security 图片验证码功能的实例代码

    验证码逻辑 以前在项目中也做过验证码,生成验证码的代码网上有很多,也有一些第三方的jar包也可以生成漂亮的验证码.验证码逻辑很简单,就是在登录页放一个image标签,src指向一个controller,这个Controller返回把生成的图片以输出流返回给页面,生成图片的同时把图片上的文本放在session,登录的时候带过来输入的验证码,从session中取出,两者对比.这位老师讲的用Spring Security集成验证码,大体思路和我说的一样,但更加规范和通用些. spring securi

  • android实现图片验证码方法解析(自绘控件)

    自绘控件的内容都是自己绘制出来的 大致流程如下: 1.定义一个类继承view 1.使用TypedArray初始化属性集合     在view的构造方法中 有一个AttributeSet的参数 很明显是用来保存控件属性信息的 我们也的确可以通过循环然后用键值对的方式获取信息 而TypedArray是用来简化我们的工作的 2.重写onMeasure 测量控件大小 3.重写onDraw 绘制控件 2.根据需求在attrs文件中自定义属性 declare-styleable 声明自定义属性可以自定义一个

  • Java实现动态获取图片验证码的示例代码

    本文介绍了Java实现动态获取图片验证码的示例代码,分享给大家,具体如下: import javax.imageio.ImageIO; import java.awt.*; import java.awt.image.BufferedImage; import java.io.FileOutputStream; import java.io.IOException; import java.io.OutputStream; import java.io.UnsupportedEncodingEx

  • python图片验证码识别最新模块muggle_ocr的示例代码

    一.官方文档 https://pypi.org/project/muggle-ocr/ 二模块安装 pip install muggle-ocr # 因模块过新,阿里/清华等第三方源可能尚未更新镜像,因此手动指定使用境外源,为了提高依赖的安装速度,可预先自行安装依赖:tensorflow/numpy/opencv-python/pillow/pyyaml 三.使用代码 # 导入包 import muggle_ocr # 初始化:model_type 包含了 ModelType.OCR/Model

  • [Asp.Net Core]用Blazor Server Side实现图片验证码

    关于Blazor 由于在国内, Blazor一点都不普及, 在阅读此文前, 建议读者先翻看我之前写的随笔, 了解Blazor Server Side的特点. 在一段时间内, 我会写一些解说分析型的 "为什么选择 Blazor Server Side" , 在适当的时候再写快速入门系列.(无论是针对编程新学者还是多年经验人士) 验证码 我们很多场合都实现过图片验证码. 图片验证码的主要关键是呈现图片, 需要一个URL, 而这个URL需要传递参数以确定显示什么东西. 这个验证码如何在服务器

  • java图片验证码实现示例分享

    复制代码 代码如下: package com.sanrong;import java.awt.Color;import java.awt.Font;import java.awt.Graphics;import java.awt.Graphics2D;import java.awt.image.BufferedImage;import java.io.IOException;import java.util.Random; import javax.imageio.ImageIO;import

随机推荐