ASP.NET MVC图片验证码辅助类

本文介绍了一个用于生成和验证验证码图片的辅助方法类。该类包括生成随机字符串、创建验证码图片和验证用户输入的功能。通过随机生成字符和图像干扰元素,确保了验证码的安全性和独特性。

辅助方法类:

        /// <summary>
        /// 验证码图片
        /// </summary>
        /// <returns></returns>
        public ActionResult SecurityCode(){
            string oldcode = TempData["SecurityCode"] as string;
            string code = CreateRandomCode(5);
            TempData["SecurityCode"] = code;
            return File(CreateValidateGraphic(code), "Image/Jpeg");
        }
        /// <summary>
        /// 生成随机的字符串
        /// </summary>
        /// <param name="codeCount">字符串数量</param>
        /// <returns></returns>
        public string CreateRandomCode(int codeCount){
            string allChar = "1,2,3,4,5,6,7,8,9,A,B,C,D,E,F,G,H,I,J,K,L,M,N,P,Q,R,S,T,U,V,W,X,Y,Z";
            string[] allCharArray = allChar.Split(',');
            string randomCode = "";
            int temp = -1;
            Random rand = new Random();
            for (int i = 0; i < codeCount; i++){
                if (temp != -1){
                    rand = new Random(i * temp * ((int)DateTime.Now.Ticks));
                }
                int t = rand.Next(35);
                if (temp == t){
                    return CreateRandomCode(codeCount);
                }
                temp = t;
                randomCode += allCharArray[t];
            }
            return randomCode;
        }
        /// <summary>
        /// 生成验证码图片
        /// </summary>
        /// <param name="validateCode"></param>
        /// <returns></returns>
        public byte[] CreateValidateGraphic(string validateCode){
            Bitmap image = new Bitmap((int)Math.Ceiling(validateCode.Length * 16.0), 27);
            Graphics g = Graphics.FromImage(image);
            try{
                //生成随机生成器
                Random random = new Random();
                //清空图片背景颜色
                g.Clear(Color.White);
                //图片中的干扰线
                for (int i = 0; i < 25; i++){
                    int x1 = random.Next(image.Width);
                    int x2 = random.Next(image.Width);
                    int y1 = random.Next(image.Height);
                    int y2 = random.Next(image.Height);
                    g.DrawLine(new Pen(Color.Silver), x1, y1, x2, y2);
                }
                Font font = new Font("Arial", 13, (FontStyle.Bold | FontStyle.Italic));
                LinearGradientBrush brush = new LinearGradientBrush(new Rectangle(0, 0, image.Width, image.Height), Color.Blue, Color.DarkRed, 1.2f, true);
                g.DrawString(validateCode, font, brush, 3, 2);
                //图片中的前景干扰点
                for (int i = 0; i < 100; i++){
                    int x = random.Next(image.Width);
                    int y = random.Next(image.Height);
                    image.SetPixel(x, y, Color.FromArgb(random.Next()));
                }
                //图片中的边框
                g.DrawRectangle(new Pen(Color.Silver), 0, 0, image.Width - 1, image.Height - 1);
                //保存图片数据
                MemoryStream stream = new MemoryStream();
                image.Save(stream, ImageFormat.Jpeg);
                //输出图片流
                return stream.ToArray();
            }finally{
                g.Dispose();
                image.Dispose();
            }
        }

调用辅助方法类并验证:

if (String.Compare(TempData["SecurityCode"].ToString(), regUser.SecurityCode, true) != 0){
   ModelState.AddModelError("SecurityCode", "验证码不正确!");
   return View(regUser);
}

前端代码:

<dt>验证码</dt>
<dd>
    @Html.TextBoxFor(m => m.SecurityCode, new { @class = "textInputSmall" })
    @Html.ValidationMessageFor(model => model.SecurityCode)
    <p>
        <img alt="验证码图片" id="ImgValidateCode" title="看不清?点击换一个" src="@Url.Action("SecurityCode")" onclick="this.src=this.src+'?'" />
        <br />
        <a href="#" onclick="document.getElementById('ImgValidateCode').src=document.getElementById('ImgValidateCode').src+'?'">看不清换一张</a>
        <br />
    </p>
</dd>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Vin Cente

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值