接下来我将为您详细讲解Asp.net(C#)实现验证码功能代码的完整攻略。
1. 简介
验证码,就是为了防止恶意机器人向网站提交请求或恶意注册而设计的一种验证方法。通过验证码,网站可以判断请求来源的真实性并提高安全性。
2. 实现过程
首先,我们需要生成一个随机的验证码,并将其显示在前台;其次,用户需要输入验证码并进行验证。下面,我将分两部分进行详细讲解。
2.1 生成验证码
我们可以使用Asp.net的GDI+图像处理功能生成验证码。具体方法如下:
public void ShowValidateCode()
{
string validateCode = GenerateCheckCode();
HttpContext.Current.Session["CheckCode"] = validateCode;
System.Drawing.Bitmap image = new System.Drawing.Bitmap((int)Math.Ceiling((validateCode.Length * 12.5)), 22);
System.Drawing.Graphics g = System.Drawing.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, (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(validateCode, 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);
MemoryStream ms = new MemoryStream();
image.Save(ms, System.Drawing.Imaging.ImageFormat.Gif);
HttpContext.Current.Response.ClearContent();
HttpContext.Current.Response.ContentType = "image/Gif";
HttpContext.Current.Response.BinaryWrite(ms.ToArray());
}
finally
{
g.Dispose();
image.Dispose();
}
}
在以上代码中,我们首先生成一个随机的验证码,并将其存储到Session中以备后续验证使用。接下来,我们创建一个图像对象,使用GDI+绘制出验证码,并在绘制时使用了拉伸渐变的效果,增强了验证码的识别难度。最后使用MemoryStream存储图像,并发送给前台。
2.2 验证输入
在前台,用户会输入验证码并提交到后台验证,我们需要进行验证码的比较。具体方法如下:
if (Session["CheckCode"] == null || string.IsNullOrEmpty(Session["CheckCode"].ToString().Trim()))
{
//验证码已经失效,请重新获取
}
else if (string.Compare(Session["CheckCode"].ToString(), chkCode.Trim(), true) != 0)
{
//验证码输入错误,请重新输入
}
else
{
//验证通过
}
在以上代码中,我们首先判断Session中是否存在验证码的值,如果不存在则说明验证码已经失效,需要重新获取;如果存在,则将用户输入的值和Session中存储的值进行比较,如果比较不一致,则说明输入错误,需要重新输入;如果比较一致,则说明验证通过。
3. 示例说明
下面,我将给出两个代码示例以展示以上的实现过程。
3.1 C#示例
protected void Page_Load(object sender, EventArgs e)
{
ShowValidateCode();
}
protected void btnSubmit_Click(object sender, EventArgs e)
{
if (Session["CheckCode"] == null || string.IsNullOrEmpty(Session["CheckCode"].ToString().Trim()))
{
Response.Write("<script>alert('验证码已经失效,请重新获取')</script>");
}
else if (string.Compare(Session["CheckCode"].ToString(), txtCode.Text.Trim(), true) != 0)
{
Response.Write("<script>alert('验证码输入错误,请重新输入')</script>");
}
else
{
Response.Write("<script>alert('验证通过')</script>");
}
}
public void ShowValidateCode()
{
string validateCode = GenerateCheckCode();
Session["CheckCode"] = validateCode;
System.Drawing.Bitmap image = new System.Drawing.Bitmap((int)Math.Ceiling((validateCode.Length * 12.5)), 22);
System.Drawing.Graphics g = System.Drawing.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, (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(validateCode, 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);
MemoryStream ms = new MemoryStream();
image.Save(ms, System.Drawing.Imaging.ImageFormat.Gif);
Response.ClearContent();
Response.ContentType = "image/Gif";
Response.BinaryWrite(ms.ToArray());
}
finally
{
g.Dispose();
image.Dispose();
}
}
private string GenerateCheckCode()
{
char[] chars = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ".ToCharArray();
StringBuilder sb = new StringBuilder();
Random random = new Random();
for (int i = 0; i < 4; i++)
{
int index = random.Next(chars.Length);
sb.Append(chars[index]);
}
return sb.ToString();
}
以上示例展示了一套完整的验证码实现过程,包含了验证码的生成和比较,可以直接在项目中进行使用。
3.2 HTML和JavaScript示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>验证码示例</title>
<script type="text/javascript">
function refresh() {
document.getElementById("imgCode").src = "ValidateCode.ashx?" + Math.random();
}
function validate() {
var code = document.getElementById("txtCode").value;
if (code == "") {
alert("请输入验证码!");
return false;
}
else {
//向后台请求,验证验证码
return true;
}
}
</script>
</head>
<body>
<form action="#" method="post" onsubmit="return validate()">
<p>请输入验证码:<input type="text" id="txtCode" /><img id="imgCode" src="ValidateCode.ashx" style="cursor: pointer;" onclick="refresh()" /></p>
<p><input type="submit" value="提交" /></p>
</form>
</body>
</html>
以上示例展示了一个HTML页面及其附带的JavaScript代码,包含了验证码的显示和刷新以及输入的验证,可以直接在Web开发中进行使用。
4. 总结
以上,就是Asp.net(C#)实现验证码功能代码的完整攻略。通过以上的实现过程,我们可以更好地加强网站的安全性,防止恶意攻击。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:Asp.net(C#)实现验证码功能代码 - Python技术站