开发工具与关键技术:vs2017、C#、html 、javaspript、
作者:Amewin
撰写时间:2019年2月25日
这是利用代码生成的彩色验证码
图例如下:
*
一、功能实现
##源码基本如下:
代码示例
public class ValidCodeUtils //公共静态
{
/// <summary>
/// 获得随机字符串
/// </summary>
/// <param name="intLength">随机数的长度</param>
/// <returns>随机数字符串</returns>
public 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 byte[] CreateImage(string strRandom)
{
char[] chars = strRandom.ToCharArray();
Bitmap newBitmap = new Bitmap(strRandom.Length * 23, 28);
Graphics g = Graphics.FromImage(newBitmap);
g.Clear(Color.White);
for (int i = 0; i < strRandom.Length; i++)
{
var heihei = chars[i].ToString();
SolidBrush solidBrush = new SolidBrush(GetRandomColor());
Font drawFont = new Font("Arial", 17);//显示的字符串
g.DrawString(heihei, drawFont, solidBrush, 3 + (i * 18), 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.White), 0, 0, newBitmap.Width, newBitmap.Height);
g.DrawRectangle(new Pen(Color.White), -1, -1, newBitmap.Width, newBitmap.Height);
//将图转保存到内存流中
MemoryStream ms = new MemoryStream();
newBitmap.Save(ms, ImageFormat.Jpeg);
return ms.ToArray();//将流内容写入byte数组返回
}
#region 随机生成颜色值
Random random = new Random();
/// <summary>
/// 生成随机颜色值
/// </summary>
/// <returns></returns>
public Color GetRandomColor()
{
int nRed, nGreen, nBlue; //越大颜色越浅
int low = 10; //色彩的下限
int high = 255; //色彩的上限
nRed = random.Next(high) % (high - low) + low;
nGreen = random.Next(high) % (high - low) + low;
nBlue = random.Next(high) % (high - low) + low;
Color color = Color.FromArgb(nRed, nGreen, nBlue);
return color;//
}
/// <summary>
/// 生成随机浅颜色
/// </summary>
/// <returns>randomColor</returns>
public Color GetRandomLightColor()
{
int nRed, nGreen, nBlue; //越大颜色越浅
int low = 180; //色彩的下限
int high = 255; //色彩的上限
nRed = random.Next(high) % (high - low) + low;
nGreen = random.Next(high) % (high - low) + low;
nBlue = random.Next(high) % (high - low) + low;
Color color = Color.FromArgb(nRed, nGreen, nBlue);
return color;
}
/// <summary>
/// 生成随机深颜色
/// </summary>
/// <returns></returns>
public Color GetRandomDeepColor()
{
int nRed, nGreen, nBlue; // nBlue,nRed nGreen 相差大一点 nGreen 小一些
//int high = 255;
int redLow = 160;
int greenLow = 100;
int blueLow = 160;
nRed = random.Next(redLow);
nGreen = random.Next(greenLow);
nBlue = random.Next(blueLow);
Color color = Color.FromArgb(nRed, nGreen, nBlue);
return color;
}
/// <summary>
/// 获取与当前颜色值相加后的颜色
/// </summary>
/// <param name="c"></param>
/// <returns></returns>
public Color GetLightColor(Color c, Int32 value)
{
int nRed = c.R, nGreen = c.G, nBlue = c.B; //越大颜色越浅
if (nRed + value < 255 && nRed + value > 0)
{
nRed = c.R + 40;
}
if (nGreen + value < 255 && nGreen + value > 0)
{
nGreen = c.G + 40;
}
if (nBlue + value < 255 && nBlue + value > 0)
{
nBlue = c.B + 40;
}
Color color = Color.FromArgb(nRed, nGreen, nBlue);
return color;
}
#endregion
}
控制器
/// <summary>
/// 生成验证码
/// </summary>
/// <returns></returns>
public ActionResult ValideCode()
{
ValidCodeUtils lsit = new ValidCodeUtils();
string strValideCode = lsit.GetRandomCode(4);
YnZheng = strValideCode;
byte[] img = lsit.CreateImage(strValideCode);
return File(img, @"image/jpeg");
}
JavaScrip
//点击验证码实现验证码的切换
$("#ValidateCode").click(function () {
$("#ValidateCode").attr("src", "/Main/ValideCode?time=" + new Date().getTime());
});
//页面
<img src="/Main/ValideCode" id="ValidateCode" onclick="reloadValideImage()"
style="width: 100px;height:43px; border:1px solid #b6b6b6 ; " />
其中利用随机颜色使每一个随机字符拥有不同的样色,然而在生成随机颜色是要注意设置样色上下限。不然会导致验证码与背景样色相近,影响用户观察,导致用户体验差。