MVC 验证码实现（ 简易版）

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

验证码的基本步骤

添加一个控制器

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

  /// <summary>
        /// 验证码
        /// </summary>
        public ContentResult CheckCode()
        {
            ContentResult cr = new ContentResult();
            cr.ContentType = "image/JPEG";//定义图片类型
            Random r = new Random();
            string code = r.Next(1000, 9999).ToString();//取随机数
            Session["check"] = code;
            Bitmap map = new Bitmap(60, 30);//定义大小
            Graphics g = Graphics.FromImage(map);//画图
            g.FillRectangle(Brushes.White, 1, 1, 58, 28);//定义矩形
            g.DrawString(code, new Font("微软雅黑", 16), Brushes.Black, new PointF(1, 1));//向矩形中绘入文字以及定义字体和大小
            for (int i = 0; i < 300; i++)
            {
                map.SetPixel(r.Next(1, 58), r.Next(1, 28), 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>

效果