MVC中生成图形验证码并显示（极简）

最新推荐文章于 2022-06-10 01:18:54 发布

lfq761204

最新推荐文章于 2022-06-10 01:18:54 发布

阅读量219

点赞数

分类专栏： C# 文章标签： mvc c#

本文链接：https://blog.csdn.net/lfq761204/article/details/117567543

版权

C# 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

本文仅仅是生成图形验证码并在视图显示的最精简代码，功能也最简单。如果想实现验证码图片添加噪点噪线、旋转字符、验证输入验证码是否正确等功能，请参考：

MVC中生成图形验证码并验证（详细）

一、控制器代码

using System;
using System.Drawing;
using System.Drawing.Imaging;
using System.IO;
using System.Web.Mvc;

namespace XLZXXX.Controllers {
    public class LoginController : Controller
    {
        public ActionResult Index(){
            return View();
        }
        public FileResult GetVerificationCode() {
            //定义验证码字符库，0和1容易与字母o和i混淆，不用
            char[] codesNumber = { '2','3','4','5','6','7','8','9' };
            //定义验证码字符数组，长度为4
            char[] codes = new char[4];
            //定义一个随机数生成器
            Random rnd = new Random();
            //生成4个随机数字作为验证码
            for(int i = 0;i<codes.Length;i++)
                codes[i]=codesNumber[rnd.Next(codesNumber.Length)];
            //定义bitmap对象，并以此生成graphics绘图对象
            Bitmap bmp = new Bitmap(120,48);
            Graphics g = Graphics.FromImage(bmp);
            //填充白色背景
            g.Clear(Color.White);
            //依次将4个数字写入图片
            for(int i = 0;i<codes.Length;i++) {
                //字体大小设置成24，最后的两个参数是计算画各数字的位置
                g.DrawString(codes[i].ToString(),new Font("黑体",24,FontStyle.Bold),new SolidBrush(Color.Black),12+24*i,12);
            }
            g.Dispose();
            //将验证码数字写入内存流，转换成字节数组，并将生成的文件内容对象返回提供给视图中img控件显示
            MemoryStream ms = new MemoryStream();
            bmp.Save(ms,ImageFormat.Jpeg);
            return new FileContentResult(ms.ToArray(),"image/jpeg");
        }
    }
}

二、视图代码

Index的视图

@{Layout = null;}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>MVC中生成图形验证码（极简）</title>
    <script src="~/Scripts/jquery.min.js"></script>
    <script>
        $(function() {
            $("#img").click(function() {
                //src属性值后加参数是为了避免浏览器的缓存机制
                $(this).prop("src","/Login/GetVerificationCode?t="+new Date().getTime());
            });
            $("#img").click();
        });
    </script>
</head>
<body>
    <div> <img src="" id="img" />
    </div>
</body>
</html>

lfq761204

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
MVC中生成图形验证码并显示（极简）

一、控制器代码using System;using System.Drawing;using System.Drawing.Imaging;using System.IO;using System.Web.Mvc;namespace XLZXXX.Controllers { public class LoginController : Controller { public ActionResult Index(){ return V
复制链接

扫一扫