1、制作验证码：
using System; using System.Collections.Generic; using System.Drawing; using System.Drawing.Drawing2D; using System.Drawing.Imaging; using System.IO; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Web; using Soft.Common; namespace Soft.Controller { ///<summary> /// 生成验证码的类 ///</summary> public class ValidateCode { /// <summary> /// 保存验证码的cookie名字 /// </summary> public static string ValidateCodeCookieName { get { return "SoftValidateCode"; } } /// <summary> /// 生成验证码 /// </summary> /// <returns></returns> public static string CreateValidateCode() { string checkCode = String.Empty; System.Random random = new Random(); for (int i = 0; i < 4; i++) { checkCode += random.Next(0,9).ToString(); } SessionCookieHelper.SetCookie(ValidateCodeCookieName, checkCode); return checkCode; } ///<summary> /// 创建验证码的图片 ///</summary> ///<param name="containsPage">要输出到的page对象</param> ///<param name="validateNum">验证码</param> public static byte[] CreateValidateGraphic(string validateCode) { Bitmap image = new Bitmap((int)Math.Ceiling(validateCode.Length * 12.0), 22); 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", 12, (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(); } } } }
2、新建一个验证码控制器和视图：
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using Soft.Controller; namespace SoftWeb.Controllers { public class ValiteController : Controller { // // GET: /Valite/ public ActionResult Index() { return File(ValidateCode.CreateValidateGraphic(ValidateCode.CreateValidateCode()), @"image/jpeg"); } } }
@{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> </head> <body> <div> </div> </body> </html>
3、使用时：
<script type="text/javascript"> function refreshValidateCode(obj) { $("#ValidateCode").val(""); obj.src = "/Controls/ValidateCode/Index?r=" + Math.random(); } </script> <img src="/Controls/ValidateCode/Index" onclick="refreshValidateCode(this);" />
4、可以加remote验证：
public class CheckValidateCodeController : Controller { public JsonResult CheckValidateCode(string validateCode) { string cookie = SessionCookieHelper.GetCookieValue(ValidateCode.ValidateCodeCookieName); if (validateCode != cookie) { return Json("验证码不正确", JsonRequestBehavior.AllowGet); } else { return Json(true, JsonRequestBehavior.AllowGet); } } } [Display(Name = "验证码")] [Required(ErrorMessage = "*")] [StringLength(4, MinimumLength = 4, ErrorMessage = "请输入{1}位的{0}")] [Remote("CheckValidateCode", "CheckValidateCode", "Controls")] [DataType(DataType.Text)] public string ValidateCode { get; set; }