MVC 验证码实现（ 简易版）

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

验证码的基本步骤

添加一个控制器

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

   /// <summary>
         /// 验证码
         /// </summary>
         public ContentResult CheckCode()
         {
             ContentResult cr = new ContentResult();
             cr.ContentType = "image/JPEG";//定义图片类型
             Random r = new Random();
             string code = r.Next(, ).ToString();//取随机数
             Session["check"] = code;
             Bitmap map = new Bitmap(, );//定义大小
             Graphics g = Graphics.FromImage(map);//画图
             g.FillRectangle(Brushes.White, , , , );//定义矩形
             g.DrawString(code, new Font("微软雅黑", ), Brushes.Black, new PointF(, ));//向矩形中绘入文字以及定义字体和大小
             for (int i = ; i < ; i++)
             {
                 map.SetPixel(r.Next(, ), r.Next(, ), Color.Gray);
             }
             map.Save(Response.OutputStream, System.Drawing.Imaging.ImageFormat.Jpeg);//保存到流中
             return cr;
         }

页面

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

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

JS控制

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

效果