制作验证码

制作验证码

作者：李永健
撰写时间：2019年 2月7日
开发工具与关键技术： Visual Studio 2015、C#

1、首先封装好一个获取随机字符串长度、字符串转化验证码图片的类（借用）

public class ValidCodeUtils
    {
        /// 获得随机字符串
        ///  /// 随机数的长度
        /// 
        public static string GetRandomCode(int intLength)
        {
            /*产生数字和密码混合的随机数*/
            string strReturn = string.Empty;
            Random random = new Random();//随机数
            for (int i = 0; i < intLength; i++)
            {
                char cRerult;
                int intRandom = random.Next();//产生一个非负随机整数             
                /*根据当前随机数来确定字符串*/
                //intRandom % 3 获取的是intRandom/3 得到的余数
                if (intRandom % 3 == 0)
                {
                    //产生数字
                    //位数来产生数字
                    cRerult = (char)(0x30 + (intRandom % 10));
                }
                else if (intRandom % 3 == 1)
                {
                    //位数产生大写字母:大写字符 65-97 A 65
                    //68 D  25 Z
                    cRerult = (char)(0x41 + (intRandom % 0x1a));
                }
                else
                {
                    //余数为2
                    //产生小写字母 98-116
                    cRerult = (char)(0x61 + (intRandom % 0x1a));
                }
                strReturn += cRerult.ToString();
            }
            return strReturn;
        }
        /// 

        /// 根据字符串创建验证码
        /// 
        /// 字符串
        /// 图片
        /// 
        public static byte[] CreateImage(string strRandom)
        {
            //新增图片
            Bitmap newBitmap = new Bitmap(strRandom.Length * 20, 30);

            Graphics g = Graphics.FromImage(newBitmap);
            g.Clear(Color.White);
            //在图片上绘制文字
            SolidBrush solidBrush = new SolidBrush(Color.Red);
            g.DrawString(strRandom, new Font("Aril", 17), solidBrush, 12, 1);
            //在图片上绘制干扰线
            Random random = new Random();
            for (int i = 0; i < 10; i++)
            {
                //产生一条线，并绘制到画布。 起始点（x,y）  总结点
                int x1 = random.Next(newBitmap.Width);
                int y1 = random.Next(newBitmap.Height);
                int x2 = random.Next(newBitmap.Width);
                int y2 = random.Next(newBitmap.Height);
                g.DrawLine(new Pen(Color.DarkGray), x1, y1, x2, y2);
            }
            //  制图片的前景干扰点
            for (int i = 0; i < 100; i++)
            {
                int x = random.Next(newBitmap.Width);
                int y = random.Next(newBitmap.Height);
                newBitmap.SetPixel(x, y, Color.FromArgb(random.Next()));
            }
            //在最外边绘制边框
            g.DrawRectangle(new Pen(Color.Blue), 0, 0, newBitmap.Width, newBitmap.Height);
            g.DrawRectangle(new Pen(Color.Blue), -1, -1, newBitmap.Width, newBitmap.Height);
            //将图转保存到内存流中
            MemoryStream ms = new MemoryStream();
            newBitmap.Save(ms, ImageFormat.Jpeg);
            return ms.ToArray();//将流内容写入byte数组返回
        }
    }

2、然后在控制层调用封装好的类写个生成验证码的方法
代码如下：

 public ActionResult ValideCode()//生成验证码
        {
            //调用封装好的ValidCodeUtils里面的方法生成3位数随机字符串
            string strValideCode = Common.ValidCodeUtils.GetRandomCode(3);           
            //调用封装好的方法把我们生成的随机字符串转化为一张图片
            byte[] btValideCode = Common.ValidCodeUtils.CreateImage(strValideCode);
            //把我们生成的图片以文件形式File返回(文件内容,文件类型)
            return File(btValideCode, @"image/jpeg");
        }

3、页面请求的代码：直接 标签src等于它方法请求的路径即可

4、点击图片刷新验证码

 //点击图片刷新验证码
        $("#ValidateCode").click(function () {
            //浏览器有一个缓存机制，这里借用时间是为了生成不重复图片。
            $("#ValidateCode").attr("src", "/Main/ValideCode?="+new Date());
        });