生成随机验证码图片

在登录或者验证信息的时候经常会跳出验证码的图片来让你填写，那我就讲解一下生成图片验证码的方法吧。
先在控制器中写好生成图片验证码的方法

public ActionResult CreateValidCodeImage()
{
    //1、生成长度为5的随机的验证码字符串 ，长度
    string strRandom = ValidCodeUtils.GetRandomCode(5);
    //2、根据生成的验证码字符串生成 验证码图片
    byte[] imgByte = ValidCodeUtils.CreateImage(strRandom);
    //3、将验证码字符串存入session中 key值为
    Session["validCode"] = strRandom;
    //4、把图片返回到视图（文件内容，文件格式）；
    return File(imgByte, @"image/jpeg");
}

再来到Views这边定义好接受图片的容器

<input type="text" name="validCode" id="validCode" value="" class="form-control" placeholder="验证码" />
 <div class="input-group-addon p-0">
    <img src="/Main/CreateValidCodeImage" width="100" height="38" id="validCodeImg" />
 </div>

还有一个JS代码，给它一个点击事件，点击就重新获取图片验证码

 $(function () {
            $("#validCodeImg").click(function () {
                $(this).prop("src", "/Main/CreateValidCodeImage?t=" + new Date().getTime());
            });
        });

最终完成的验证码图片
还有一个就是验证输入错误刷新，可以把点击事件刷新图片嵌套在if else语句里，出错的话就让它自动再进行一次点击事件就可以达到输入验证码错误就刷新的效果

验证码方法：` public static 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;
}

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

        Graphics g = Graphics.FromImage(newBitmap);
        g.Clear(Color.White);
        //在图片上绘制文字
        SolidBrush solidBrush = new SolidBrush(Color.Red);
        g.DrawString(strRandom, new Font("Aril", 18), solidBrush, 12, 4);
        //在图片上绘制干扰线
        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数组返回
    }

生成随机验证码图片

猜你喜欢