MVC 验证码实现( 简易版)

简介: 现在网站上越来越多的验证码,使用场景也是越来越多,登陆、注册、上传、下载。。。等等地方,都有可能大量使用到验证码,那么制作验证码到底有多简单呢?我们一起来看下最简易版的验证码实现过程~ 验证码的基本步骤 添加一个控制器 1.

现在网站上越来越多的验证码,使用场景也是越来越多,登陆、注册、上传、下载。。。等等地方,都有可能大量使用到验证码,那么制作验证码到底有多简单呢?我们一起来看下最简易版的验证码实现过程~

验证码的基本步骤

添加一个控制器

1.在MVC框架中,则需添加一个控制器,代码如下

 1   /// <summary>
 2         /// 验证码
 3         /// </summary>
 4         public ContentResult CheckCode()
 5         {
 6             ContentResult cr = new ContentResult();
 7             cr.ContentType = "image/JPEG";//定义图片类型
 8             Random r = new Random();
 9             string code = r.Next(1000, 9999).ToString();//取随机数
10             Session["check"] = code;
11             Bitmap map = new Bitmap(60, 30);//定义大小
12             Graphics g = Graphics.FromImage(map);//画图
13             g.FillRectangle(Brushes.White, 1, 1, 58, 28);//定义矩形
14             g.DrawString(code, new Font("微软雅黑", 16), Brushes.Black, new PointF(1, 1));//向矩形中绘入文字以及定义字体和大小
15             for (int i = 0; i < 300; i++)
16             {
17                 map.SetPixel(r.Next(1, 58), r.Next(1, 28), Color.Gray);
18             }
19             map.Save(Response.OutputStream, System.Drawing.Imaging.ImageFormat.Jpeg);//保存到流中
20             return cr;
21         }

页面

前端页面代码也简单,这里我做示范直接在Home里面写

1 <p>MVC验证码示例</p>
2 <div>
3     <p><img src="Home/CheckCode" alt="看不清,切换图片" onclick="Change(this)" style="cursor:pointer;" /></p>
4 </div>

JS控制

1 <script type="text/javascript">
2     function Change(node) {
3         node.src = "/Home/CheckCode?id=" + new Date();
4     }
5 </script>

效果

 

  • 感谢你的阅读。如果你觉得这篇文章对你有帮助或者有启发,就请推荐一下吧~你的精神支持是博主强大的写作动力。欢迎转载!
  • 博主的文章没有高度、深度和广度,只是凑字数。由于博主的水平不高(其实是个菜B),不足和错误之处在所难免,希望大家能够批评指出。
  • 欢迎加入.NET 从入门到精通技术讨论群→523490820 期待你的加入
  • 不舍得打乱,就永远学不会复原。被人嘲笑的梦想,才更有实现的价值。
  • 我的博客:http://www.cnblogs.com/zhangxiaoyong/
目录
相关文章
|
JavaScript 前端开发 .NET
ASP.NET MVC+EF框架+EasyUI实现权限管理系列(11)-验证码实现和底层修改
原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(11)-验证码实现和底层修改    ASP.NET MVC+EF框架+EasyUI实现权限管系列       (开篇)   (1):框架搭建    (2):数据库访问层的设计Demo    (3):面向接口编程   (4 ):...
1562 0
|
前端开发
mvc生成验证码
        public void ValidateCode()         {             // 在此处放置用户代码以初始化页面             string vnum;             vnum = GetByRndNum(6);             Response.
699 0
|
19天前
|
开发框架 前端开发 .NET
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
75 0
|
19天前
|
开发框架 前端开发 JavaScript
JavaScript云LIS系统源码ASP.NET CORE 3.1 MVC + SQLserver + Redis医院实验室信息系统源码 医院云LIS系统源码
实验室信息系统(Laboratory Information System,缩写LIS)是一类用来处理实验室过程信息的软件,云LIS系统围绕临床,云LIS系统将与云HIS系统建立起高度的业务整合,以体现“以病人为中心”的设计理念,优化就诊流程,方便患者就医。
29 0
|
10月前
|
存储 开发框架 前端开发
[回馈]ASP.NET Core MVC开发实战之商城系统(五)
经过一段时间的准备,新的一期【ASP.NET Core MVC开发实战之商城系统】已经开始,在之前的文章中,讲解了商城系统的整体功能设计,页面布局设计,环境搭建,系统配置,及首页【商品类型,banner条,友情链接,降价促销,新品爆款】,商品列表页面,商品详情等功能的开发,今天继续讲解购物车功能开发,仅供学习分享使用,如有不足之处,还请指正。
128 0
|
11月前
|
开发框架 前端开发 .NET
[回馈]ASP.NET Core MVC开发实战之商城系统(三)
[回馈]ASP.NET Core MVC开发实战之商城系统(三)
68 0
|
11月前
|
开发框架 前端开发 .NET
[回馈]ASP.NET Core MVC开发实战之商城系统(一)
[回馈]ASP.NET Core MVC开发实战之商城系统(一)
122 0