ASP.NET实现的生成验证码功能示例【附demo源码】

下面我会详细讲解“ASP.NET实现的生成验证码功能示例【附demo源码】”的完整攻略。

1. 简介

验证码（CAPTCHA）是为了防止垃圾邮件、洪水攻击等恶意攻击而被广泛采用的技术。本示例演示了如何使用ASP.NET实现一个生成验证码图片的功能，并在提交表单时对验证码进行验证。

2. 实现步骤

2.1 生成验证码图片

在ASP.NET中，通过使用Graphics类来生成验证码图片。下面是示例代码：

// 创建一个位图对象
Bitmap bitmap = new Bitmap(200, 60);

// 创建Graphics对象
Graphics graphics = Graphics.FromImage(bitmap);

// 背景色随机
graphics.Clear(Color.FromArgb(235, 244, 255));

// 画干扰线
Random random = new Random();
for (int i = 0; i < 8; i++)
{
    int x1 = random.Next(bitmap.Width);
    int x2 = random.Next(bitmap.Width);
    int y1 = random.Next(bitmap.Height);
    int y2 = random.Next(bitmap.Height);
    graphics.DrawLine(new Pen(Color.Silver), x1, y1, x2, y2);
}

// 写字符串
string s = "ABCEFGHJKLMNPQRSTWXY3456789";
StringBuilder sb = new StringBuilder();
for (int i = 0; i < 4; i++)
{
    string c = s.Substring(random.Next(s.Length), 1);
    sb.Append(c);
    Font font = new Font(FontFamily.GenericSerif, 30, FontStyle.Italic, GraphicsUnit.Pixel);
    Brush brush = new SolidBrush(Color.FromArgb(55, 55, 55));
    graphics.DrawString(c, font, brush, 50 + i * 25, 10);
}

// 保存图片
MemoryStream ms = new MemoryStream();
bitmap.Save(ms, System.Drawing.Imaging.ImageFormat.Png);
Session["CaptchaText"] = sb.ToString();
return File(ms.GetBuffer(), @"image/png");

代码解释：

1. 创建一个位图对象。
2. 创建Graphics对象。
3. 用随机生成的颜色清空画布。
4. 添加干扰线，使图片更加复杂难以破解。
5. 取随机4个字符，写入图片，其中字体大小为30，倾斜，粗体，黑色。
6. 将验证码字符串存储到Session中。
7. 将位图转换为PNG格式输出到浏览器。

2.2 验证码图片的显示

在前端页面中，可以使用标签来引入验证码图片。下面是示例代码：

<img src="/captcha/generate" alt="验证码" />

其中，图片地址为/captcha/generate，是上一步中生成验证码图片的路由。

2.3 验证码的验证

在提交表单时，可以对验证码进行验证，确保提交表单的用户是真实的用户。下面是示例代码：

[HttpPost]
public ActionResult Login(UserModel user)
{
    // 验证码验证
    string captchaText = (string)Session["CaptchaText"];
    Session.Remove("CaptchaText");
    if (captchaText.ToUpper() != user.Captcha.ToUpper())
    {
        ModelState.AddModelError("Captcha", "验证码错误");
    }

    // 用户名密码验证
    if (ModelState.IsValid)
    {
        // 验证用户名和密码
    }

    return View();
}

代码解释：

1. 从Session中获取验证码字符串。
2. 将验证码字符串从Session中移除，防止被重复使用。
3. 将用户提交的验证码转换为大写字母，并与Session中的验证码进行比较。
4. 如果验证码错误，则添加模型验证错误。
5. 如果模型验证通过，则进行用户名密码验证。

3. 示例说明

3.1 示例一

该示例展示了如何使用ASP.NET MVC实现生成验证码的功能，并在提交表单时对验证码进行验证。用户输入用户名、密码和验证码，如果用户名密码错误或者验证码错误，则会在界面上显示错误提示。

3.2 示例二

该示例展示了如何将验证码生成的功能作为独立的Web API，供其他应用程序调用。Web API接受GET请求，并返回验证码图片的二进制数据。

4. 代码下载

如果您需要完整的示例代码，请下载以下链接中的压缩包。

链接：https://github.com/yourrepository/yourproject

5. 总结

本示例演示了如何使用ASP.NET实现一个生成验证码图片的功能，并在提交表单时对验证码进行验证。本示例不仅仅局限于ASP.NET，它同样适用于其他Web框架。