简单的验证码实现

一直以为验证码这个东西很神秘，今天来揭开它的真面目吧。

1.验证码是以图片的形式被显示的

<asp:Image ID="yzm" ImageUrl="~/CheckCode.aspx" onclick="CheckCode()" runat="server" />

当点击此图片时会去调用另一个页面。

function CheckCode()
    {
    var er=Math.random();
    document.getElementById("yzm").src="CheckCode.aspx?e="+er;
    }

此处的参数只是为了实现每次点击的时候重新加载连接页面，也就是实现验证码的更换效果。

2.最主要的部分是在另一个页面实现的

有两个重要的方法

产生由0-9,a-z,A-Z组成的4位验证码字符串   和     画出背景噪音线

两个方法的实现如下

private string GenerateCheckCode()
    {
        int number;
        char code;
        string strCheckCode = "";
        Random random = new Random();
        for (int i = 0; i < 4; i++)
        {
            number = random.Next();
            if (number % 3 == 0)
            {
                code = (char)('0' + number % 10);
            }
            else if (number % 3 == 1)
            {
                code = (char)('a' + number % 26);

            }
            else
            {
                code = (char)('A' + number % 26);
            }
            strCheckCode += code;
        }
        return strCheckCode;
    }

第一个方法很简单，就是随机产生四个字符

但是第二个方法稍微复杂一点：

噪音线：

private void CreateCheckCodeImage(string strCheckCode)
    {
        Bitmap image = new Bitmap(strCheckCode.Length * 15, 22);
        Graphics g = Graphics.FromImage(image);
        try
        {
            Random random = new Random();
            //清空背景图片
            g.Clear(Color.White);
            //画图片的背景噪音线
            for (int i = 0; i < 10; 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(FontFamily.GenericMonospace, 14, 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(strCheckCode, font, brush, 2, 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 ms = new MemoryStream();
            image.Save(ms, System.Drawing.Imaging.ImageFormat.Gif);
            Response.ClearContent();
            Response.ContentType = "image/gif";
            Response.BinaryWrite(ms.ToArray());
        }
        catch
        {

        }
        finally
        {
            g.Dispose();
            image.Dispose();
        }

}

 

这样就实现了简单的验证码效果