前几天在网上找了关于图片验证码的一些资料,经过整理,已经能实现简单的图片验证码,以下代码为实现图片验证码的详细代码,帖出来共享下,哈哈!整个思路大概是:首先生成一个验证码的随机数,并用cookies保存产生的随机数,后面我们验证的时候得用到,生成随机数后就是画图片了,具体的代码如下: (有更好的办法还望大家指教!)
//首先创建一个 CheckImage.aspx页面,前台没代码,后台代码如下:
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.IO;
using System.Drawing;
using System.Drawing.Imaging;
public partial class CheckImage : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//在page_load事件中调用Generate()和CreateCheckCodeImage()函数
string str = GenerateCheckCode();
CreateCheckCodeImage(str);
}
private string GenerateCheckCode()
{
//利用random()随机产生四位大写的字符串(包含数字和字母)
int number;
char code;
string checkCode = string.Empty;
Random random = new Random();
for (int i = 0; i < 4; i++)
{
number = random.Next();
//下面也可以用其他的方法构思
if (number % 2 == 0)
code = (char)('0' + (char)(number % 10));
else
code = (char)('A' + (char)(number % 26));
checkCode += code.ToString();
}
//用cookies保存刚刚产生的随机字符串
Response.Cookies.Add(new HttpCookie("CheckCode", checkCode));
return checkCode;
}
private void CreateCheckCodeImage(string checkCode)
{
//该函数主要是画背景色的
if (checkCode == null || checkCode.Trim() == string.Empty)
return;
System.Drawing.Bitmap image = new System.Drawing.Bitmap((int)Math.Ceiling((checkCode.Length * 12.5)), 22);
Graphics g = Graphics.FromImage(image);
try
{
//生成随机生成器
Random random = new Random();
//清空背景色
g.Clear(Color.White);
//画图片的背景
for (int i = 0; i < 2; 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.Black), x1, y1, x2, y2);
}
Font font = new System.Drawing.Font("Arial", 12, (System.Drawing.FontStyle.Bold));
System.Drawing.Drawing2D.LinearGradientBrush brush = new System.Drawing.Drawing2D.LinearGradientBrush(new Rectangle(60, 60, image.Width, image.Height), Color.Blue, Color.DarkRed, 1.2f, true);
g.DrawString(checkCode, 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();
}
}
}
//验证页面前台代码
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>后台管理用户登录</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<table border="0" cellpadding="0" cellspacing="0" width="480">
<tr>
<td colspan="2" align="center">
公文管理系统后台登陆</td>
</tr>
<tr>
<td style="width: 83px">
用户名</td><td style="width: 349px">
<asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtUserName"
ErrorMessage="用户名"></asp:RequiredFieldValidator></td>
</tr>
<tr>
<td style="height: 19px; width: 83px;">
密码</td><td style="width: 349px">
<asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtPassword"
ErrorMessage="密码"></asp:RequiredFieldValidator></td>
</tr>
<tr>
<td style="height: 19px; width: 83px;">
校验码</td><td style="width: 349px">
<asp:TextBox ID="txtCheckCode" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtCheckCode"
ErrorMessage="校验码必填"></asp:RequiredFieldValidator></td>
</tr>
<tr>
<td style="width: 83px">
<asp:Button ID="btnLogin" runat="server" Text="登陆" OnClick="btnLogin_Click" /></td><td style="width: 349px">
<input id="Reset1" type="reset" value="清除" /></td>
</tr>
</table>
</div>
<asp:Literal ID="lStatus" runat="server" Visible="False"></asp:Literal>
<asp:Image ID="Image1" runat="server" src="CheckImage.aspx"/>
</form>
</body>
</html>
//注意上面为橙色的那行代码,这是引用我们上面创建的那个验证码页面,把Image 的路径指向验证码页面就可以了.
//验证页面后台代码示例(只做了简单的输出,测试下,嘿嘿!)
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.IO;
using System.Drawing;
using System.Drawing.Imaging;
public partial class Default4 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
}
}
protected void btnLogin_Click(object sender, EventArgs e)
{
Response.Write(Request.Cookies["CheckCode"].Value.ToString());
}
}