用BlazorServerSide如何实现图片验证码-创新互联-古蔺大橙子建站
RELATEED CONSULTING
相关咨询
选择下列产品马上在线沟通
服务时间：8:30-17:00
你可能遇到了下面的问题
关闭右侧工具栏

新闻中心

这里有您想知道的互联网营销解决方案
用BlazorServerSide如何实现图片验证码-创新互联

创新互联www.cdcxhl.cn八线动态BGP香港云服务器提供商，新人活动买多久送多久，划算不套路！

东乡族ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为成都创新互联的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：18982081108（备注：SSL证书合作）期待与您的合作！

这篇文章将为大家详细讲解有关用Blazor Server Side如何实现图片验证码，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

关于Blazor

由于在国内, Blazor一点都不普及, 在阅读此文前, 建议读者先翻看我之前写的随笔, 了解Blazor Server Side的特点.

在一段时间内, 我会写一些解说分析型的 "为什么选择 Blazor Server Side" , 在适当的时候再写快速入门系列.(无论是针对编程新学者还是多年经验人士)

验证码

我们很多场合都实现过图片验证码.

图片验证码的主要关键是呈现图片, 需要一个URL, 而这个URL需要传递参数以确定显示什么东西.

这个验证码如何在服务器保存, 如何传递一个参数公开给客户端, 还不能让别人解密这个参数破解验证码, 都是麻烦事

这个例子是讲述如何用极短的 "单页" 代码, 实现验证过程.

先上图:

用Blazor Server Side如何实现图片验证码

再上代码:

@page "/BlazorVerificationCode"



 (Blazor) A sample for how to show verification code and verify it.



@inject IJSRuntime jsr

@{
 if (imgurl == null) MakeNewImage();
}






Type the number in image


 
 


@code{
 string inp_code;
 string vericode;
 string imgurl;

 void DoCheck()
 {
  string msg = "You typed a wrong value";
  if (inp_code == vericode)
   msg = "Yes the number is " + vericode;
  jsr.InvokeAsync("alert", msg);
 }

 void MakeNewImage()
 {

  vericode = new Random().Next(100000, 999999).ToString();

  using SkiaSharp.SKBitmap bmp = new SkiaSharp.SKBitmap(200, 80);

  using (SkiaSharp.SKCanvas canvas = new SkiaSharp.SKCanvas(bmp))
  {
   canvas.Clear(SkiaSharp.SKColors.White);
   using SkiaSharp.SKPaint skp = new SkiaSharp.SKPaint();
   skp.Color = SkiaSharp.SKColors.Red;
   skp.TextSize = 40;
   canvas.DrawText(vericode, 30, 55, skp);
   canvas.Save();
  }

  using System.IO.MemoryStream ms = new System.IO.MemoryStream();
  using SkiaSharp.SKManagedWStream ws = new SkiaSharp.SKManagedWStream(ms);
  bmp.Encode(ws, SkiaSharp.SKEncodedImageFormat.Jpeg, 100);

  imgurl = "data:image/jpeg;base64," + Convert.ToBase64String(ms.ToArray());
 }

}                                                

                                                分享名称：用BlazorServerSide如何实现图片验证码-创新互联                                                

                                                本文链接：http://scgulin.cn/article/dojgcg.html
                                            
                                            

                                                

                                                    
其他资讯

                                                

                                                

                                                    
                                                

                                            

                                        
                                    
                                
                            
                        
                    
                
            
        
    





    

        

            

                

                    

                        

                            

                                
                            

                            

                                

                                    
快速导航

                                    
                                

                            

                        

                    

                    

                        

                            

                                
友情链接

                                
                                
网站建设

                                
                            

                        

                    

                    

                        

                            

                                
联系方式

                                
    
                                    
  • 企业：青羊区大橙子信息咨询工作室
    • 
                                    
  • 地址：成都市青羊区太升南路288号
    • 
                                    
  • 电话：18980820575
    • 
                                    
  • 网址：www.scgulin.cn
    • 
                                

                            

                        

                    

                

            

            

                
公司名称：青羊区大橙子信息咨询工作室   联系电话：18980820575

                
网站备案号：蜀ICP备2022028542号-27

                
古蔺大橙子建站 古蔺网站建设 古蔺网站设计 古蔺网站制作 成都做网站