.NET纯后台生成验证码
上面就是最后的效果图,可以点击更换验证码
下面放上代码
先放上一个图片按钮
<asp:Image ID=“ValiCode” runat=“server” ImageUrl="…/XX.aspx"/>
图片链接直接放上一个页面链接,这个页面的前台不用任何更改,后台会返回一张图片,下面就是这个页面的后台代码
先是Page_Load事件里面的代码,
string validateNum = CreateRandomNum(4);//这个参数是你想生成的验证码个数,一般都是四个。
CreateImage(validateNum);
Session[“ValidateNum”] = validateNum;
//生产随机数
private string CreateRandomNum(int NumCount)
{
string allChar = "0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F,G,H,I,J,K,O,P,Q,R,S,T,U,W,X,Y,Z,a,b,c,d,e,f,g,h,i,j,k,m,n,o,p,q,s,t,u,w,x,y,z";
string[] allCharArray = allChar.Split(',');//拆分成数组
string randomNum = "";
int temp = -1; //记录上次随机数的数值,尽量避免产生几个相同的随机数
Random rand = new Random();
for (int i = 0; i < NumCount; i++)
{
if (temp != -1)
{
rand = new Random(i * temp * ((int)DateTime.Now.Ticks));
}
int t = rand.Next(35);
if (temp == t)
{
return CreateRandomNum(NumCount);
}
temp = t;
randomNum += allCharArray[t];
}
return randomNum;
}
//生成图片的方法
private void CreateImage(string validateNum)
{
if (validateNum == null || validateNum.Trim() == string.Empty)
return;
//生成BitMap图像
System.Drawing.Bitmap image = new System.Drawing.Bitmap(validateNum.Length * 15 + 15, 33);//图片宽高
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, x2, y1, y2);
}
Font font = new System.Drawing.Font("Arial", 17, (System.Drawing.FontStyle.Bold | System.Drawing.FontStyle.Italic));
System.Drawing.Drawing2D.LinearGradientBrush brush = new System.Drawing.Drawing2D.LinearGradientBrush(new Rectangle(0, 0, image.Width, image.Height), Color.Blue, Color.DarkRed, 1.2f, true);
g.DrawString(validateNum, 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);
System.IO.MemoryStream ms = new System.IO.MemoryStream();
//将图像保存到指定流
image.Save(ms, System.Drawing.Imaging.ImageFormat.Gif);
Response.ClearContent();//清除缓冲区流中的所有内容输出
Response.ContentType = "image/Gif";
Response.BinaryWrite(ms.ToArray());
}
finally
{
g.Dispose();
image.Dispose();
}
}
还有点击这个验证码图片更换验证码的功能 要在登录页面加一段前端代码
$(function () {
$("#ValiCode").click(function () {
$("#txtValiCode").val("");//输入验证码的文本框
$("#ValiCode").attr(“src”, “…/XX.aspx?” + Math.random());
});
});
因为我前面直接把这个验证码存在Session里了,在后台判断的时候直接判断Session值和验证码文本框的值是否相等就行了,我这个是不区分大小写的。
好了 ,代码就这了 很简单的,并且这个验证码图片的很多参数都可以调整,图片宽高字体大小和字体样式等等,我这个由于本身需求原因调大了,可以根据需求自行调整。