引文：众所周知，一般我们日常碰到的验证码是一个图形样式的，列入这个样子的，那么在这个图片里面我们想实现我们自己界面上有这样的一个验证码就需要做两个操作，一个是在我们自己界面上生成如图所示的一个验证码图片，第二个操作就是将验证码里面的字符和用户输入的字符对比。
首先我们来实现生成 生成验证码的这一部分，这时候我们需要封装一个类，里面有生成图片和字符的方法，其实本质上就是一个随机数,这个类卸载Model里面即可
1 2 3 4 5 6 7 8 | public class CaptchaGenerator { string ocode; // 可选字符集合 string letters = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; Random random = new Random(); public string ConductOrginalcode() { for (int i = 0; i |
这个类里面包含了三个方法第一个是生成随机数，第二个是生成字符的，第三个是根据字符来生成对应的图片
然后我们需要在我们需要的控制器里面调用这个类，用户比较的时候就拿第二个方法里面的字符去比较就可以了
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | // GET: GuestBook public ActionResult Index(int? page) { // 生成验证码 Session.Remove("CaptchaCode"); CaptchaGenerator captchaGenerator = new CaptchaGenerator(); captchaGenerator.ConductOrginalcode(); string captchaBase64 = captchaGenerator.GenerateCaptchaImage(); string captchaText = captchaGenerator.GenerateCaptchaCode(); ViewBag.CaptchaImage = $"data:image/jpeg;base64,{captchaBase64}"; Session["CaptchaCode"] = captchaText; int pageIndex = page ?? 2; // 新的初始页码 int pageSize = 2; // 新的每页大小 var guestBookQuery = from gb in db.GuestBooks orderby gb.AddDate descending select gb; /* Webdiyer.WebControls.Mvc.IPagedList p1 = new Webdiyer.WebControls.Mvc.PagedList(guestBookQuery.ToList(), pageIndex, pageSize);*/ PagedList.IPagedList p1 = guestBookQuery.ToPagedList(pageIndex, pageSize); return View(p1); } |
然后需要的是在这个控制器里面我们还要写一个刷新验证码的方法,保证验证码错误和输入正确之后都要刷新一遍.
1 2 3 4 5 6 7 8 9 10 | private void RefreshCaptcha() { Session.Remove("CaptchaCode"); CaptchaGenerator captchaGenerator = new CaptchaGenerator(); captchaGenerator.ConductOrginalcode(); string captchaBase64 = captchaGenerator.GenerateCaptchaImage(); string captchaText = captchaGenerator.GenerateCaptchaCode(); ViewBag.CaptchaImage = $"data:image/jpeg;base64,{captchaBase64}"; Session["CaptchaCode"] = captchaText; } |
1 2 3 | <div style="margin-left:10px;left:20%"> <img decoding="async" src="@ViewBag.CaptchaImage" alt="验证码"></div> |
在视图里面添加这个关于验证码的
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | [HttpPost] public ActionResult Index(GuestBook guestBook,string captcha) { if (Session["CaptchaCode"] != null && captcha != null) { string captchaSessionValue = Session["CaptchaCode"] as string; if (captchaSessionValue == captcha) { } else { return Content("alert('验证码输入错误');window.location.href='/GuestBook/Index';"); } } RefreshCaptcha(); int pageSize = 2; if (ModelState.IsValid) { guestBook.AddDate = DateTime.Now; db.GuestBooks.Add(guestBook); db.SaveChanges(); ModelState.Clear(); } var guestBookQuery = from gb in db.GuestBooks orderby gb.AddDate descending select gb; PagedList.IPagedList p1 = guestBookQuery.ToPagedList(1, pageSize); return View(p1); } |
然后在表单验证的时候进行验证码和用户输入的字符进行比对即可
到此这篇关于asp.net实现手写验证码的文章就介绍到这了,更多相关asp.net手写验证码内容请搜索IT俱乐部以前的文章或继续浏览下面的相关文章希望大家以后多多支持IT俱乐部！
