制作验证码
作者:李永健
撰写时间: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());
});