.Net Core 实现图片验证码的实现示例
网络编程 2021-07-04 22:41www.168986.cn编程入门
这篇文章主要介绍了.Net Core 实现图片验证码的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们狼蚁网站SEO优化随着长沙网络推广来一起学习学习吧
记录自己的学习,参考了网上各位大佬的技术,往往在登录的时候需要使用到验证码来进行简单的一个校验,这边使用在. 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", suess: function (data) { }, plete: 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)); /
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程