asp.net验证码的生成与刷新。。。。

先看代码 这是生成验证码的。。

CreateCode.aspx.cs

using System;

using System.Collections;

using System.Configuration;

using System.Data;

using System.Linq;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.HtmlControls;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Xml.Linq;

using System.Drawing;

using System.Drawing.Imaging;

using System.IO;

namespace WebApplication1

{

public partial class CreateCode : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

Session["CheckCode"]=CreateCheckCodeImage();

}

private string CreateCheckCodeString()

{

char[] allCharArray = { '0', '1', '2', '3', '4', '5', '6', '7', '8', '9',

'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J',

'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T',

'U', 'V', 'W', 'X', 'Y', 'Z' };//定义验证字符串

string randomcode = "";

Random rand = new Random();

for (int i = 0; i < 4; i++)

{

randomcode += allCharArray[rand.Next(allCharArray.Length)];

}//生成四位验证码

return randomcode;

}

/// <summary>

/// CreateCheckCodeImage(string sFilePath)创建验证码图片;

/// </summary>

/// <param name="sFilePath"></param>

public string CreateCheckCodeImage()

{

string checkcode = CreateCheckCodeString();//获取四位验证码

int iWidth = 55;//定义图片的宽度

int iHeight = 22;//定义图片的高度

Font font = new Font("Arial", 12, FontStyle.Bold);//定义大小为12pt的字体，用于绘制文字

SolidBrush brush = new SolidBrush(Color.Black);//定义黑色单笔画刷

Pen pen1 = new Pen(Color.Gray, 0);//定义画笔，用于绘制干扰线，横向干扰线

Pen pen2 = new Pen(Color.FromArgb(255, 100, 100, 100), 0);//纵向干扰线

Bitmap image = new Bitmap(iWidth, iHeight);//创建一个位图对象

Graphics g = Graphics.FromImage(image);//创建一个画图表面

g.Clear(ColorTranslator.FromHtml("#F0F0F0"));//在绘图表面填充颜色

RectangleF rect = new RectangleF(5, 2, iWidth, iHeight);//绘制文字的矩形区域

Random rand = new Random();//生成两条横向干扰线

for (int i = 0; i < 2; i++)

{

Point p1 = new Point(0, rand.Next(iHeight));

Point p2 = new Point(iWidth, rand.Next(iWidth));

g.DrawLine(pen1, p1, p2);

}

for (int i = 0; i < 4; i++)//生成四条纵向干扰线

{

Point p1 = new Point(rand.Next(iWidth), 0);

Point p2 = new Point(rand.Next(iWidth), iHeight);

g.DrawLine(pen2, p1, p2);

}

g.DrawString(checkcode, font, brush, rect);//绘制验证码文字

image.Save(Response.OutputStream, ImageFormat.Jpeg);//保存验证图像于输出流

Response.ContentType = "image/Jpeg";

g.Dispose();

image.Dispose();

return checkcode;//返回验证码，用于校验

}

}

}

--------------------------------------

下面我们看前台如何实现点击刷新

这里用的是html的控件。。。

<script type="text/javascript">

function refreshimg()

{

var verify= document.getElementById("img"); //img为下面html控件的id

verify.setAttribute('src','CreateCode.aspx?'+Math.random());

}

</script>

<style type="text/css">

</style>

<img id="img" src="CreateCode.aspx " alt="验证码"style="cursor: pointer;" onclick="this.src=this.src+'?'"><a href="javascript:refreshimg()" >看不清楚换一张</a> <br /><!--点击文本更换验证码-->

--------------------------

个人css一知半解。做的比较丑。这个点击图片可以更换，点击超链接也可以。其实重要的是javascript那个地方怎么写。。看来js还得好好学学。。之前喵了点。。。