use C#
gif.ASPx文件修改的內(nèi)容
private void Page_Load(object sender, System.EventArgs e)
{
// 在此處放置用戶代碼以初始化頁面
// RndNum是一個(gè)自定義函數(shù)
string VNum = RndNum(5);
Session["VNum"] = VNum;
ValidateCode(VNum);
}
private void ValidateCode(string VNum)
{
//生成驗(yàn)證code
System.Drawing.Bitmap img;
System.Drawing.Graphics g;
System.IO.MemoryStream ms;
int gheight = Convert.ToInt32(VNum.Length*11.5);
//gheight為圖片寬度,根據(jù)字符長(zhǎng)度自動(dòng)更改圖片寬度
img = new Bitmap(gheight,20);
g = Graphics.FromImage(img);
//在矩形內(nèi)繪制字串（字串，字體，畫筆顏色，左上x.左上y）
g.DrawString(VNum,new Font("Arial",10),new SolidBrush(System.Drawing.Color.Blue),3,3);
ms = new MemoryStream();
img.Save(ms,ImageFormat.Png);
Response.ClearContent(); //需要輸出圖象信息 要修改HTTP頭
Response.ContentType = "image/gif";
Response.BinaryWrite(ms.ToArray());
g.Dispose();
img.Dispose();
Response.End();
}
// ''函數(shù)名稱:RndNum
// ''函數(shù)參數(shù):VCodeNum--設(shè)定返回隨機(jī)字符串的位數(shù)
// ''函數(shù)功能:產(chǎn)生數(shù)字和字符混合的隨機(jī)字符串
private string RndNum(int VcodeNum)
{
string Vchar = "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,W,X,Y,Z" ;
string[] VcArray = Vchar.Split(",".ToCharArray()); //將字符串生成數(shù)組
string VNum = "";
int i;
for(i=1;i<VcodeNum;i++)
{
System.Random ro = new Random();
double decA = ro.NextDouble();
VNum = VNum + VcArray[Convert.ToInt32(35*decA)];
}
// For i=1 to VcodeNum
// Randomize
// VNum=VNum & VcArray(Int(35*Rnd)) ''數(shù)組一般從0開始讀取，所以這里為35*Rnd
// Next
return VNum;
}
ValidateCode.aspx修改內(nèi)容
private void Page_Load(object sender, System.EventArgs e)
{
// 在此處放置用戶代碼以初始化頁面
string VNum;
if(Session["VNum"]!= null)
{
VNum = Session["VNum"].ToString();
Session.Abandon();
ViewState["VNum"]=VNum;
}
}
private void Button1_Click(object sender, System.EventArgs e)
{
if(txtValidateCode.Text == ViewState["VNum"].ToString() )
{
lblShow.Text="提示:驗(yàn)證通過" ;
}
else
{
lblShow.Text="所填寫的驗(yàn)證碼與所給的不符";
}
}
use VB.net
經(jīng)常在論壇里看到有問怎么實(shí)現(xiàn)驗(yàn)證碼的帖子,其實(shí)關(guān)于驗(yàn)證碼的文章在CSDN,DEV-CLUB等網(wǎng)站上都有很多,但是很多文章只講訴了如何輸出一個(gè)隨機(jī)生成數(shù)字或字符的圖象,當(dāng)然了,這個(gè)是驗(yàn)證碼的核心了,但是對(duì)很多ASP.net的初學(xué)者來說,怎么使用它生成的圖象又成了一個(gè)問題(論壇有不少問這個(gè)的),這也是我寫本文的一個(gè)原因.
言歸正傳,關(guān)于驗(yàn)證碼的原理,我就不多說了,大家可以參見其他文章,文末附有完整的實(shí)例代碼,里面有詳細(xì)的注釋,你可以跳過解說文字,直接使用
首先,我要簡(jiǎn)要說說Session和ViewState的用法,因?yàn)楹竺鏁?huì)用到它
把數(shù)據(jù)存儲(chǔ)在Session中:Session("key")="test"
從Session取值:dim testvalue as string=Session("key")
類似的:
把數(shù)據(jù)存儲(chǔ)在ViewState中:ViewState("key")="test"
從ViewState中取值:dim testvalue as string=ViewState("key")
關(guān)于ViewState的更詳細(xì)的資料,你可以參看MSDN的<<ASP.NET ViewState 初探>>一文
百聞不如一見,有時(shí)代碼本身就比任何解說更有表現(xiàn)力,所以在此就不對(duì)代碼解說太多了,本文實(shí)現(xiàn)的驗(yàn)證碼需要用到兩個(gè)文件:
gif.aspx 該文件用于生成驗(yàn)證碼
ValidateCode.aspx 該文件用來測(cè)試驗(yàn)證碼(即如何使用)
下面給出gif.aspx的完整代碼:
<%@ import namespace="System"%>
<%@ import namespace="System.io"%>
<%@ import namespace="System.Drawing"%>
<%@ import namespace="System.Drawing.Imaging"%>
<script language="VB" runat="server">
Sub Page_Load(Sender as object,e as eventargs)
''RndNum是一個(gè)自定義函數(shù)
dim VNum as string=RndNum(4)
Session("VNum")=VNum
ValidateCode(VNum)
End Sub
''生成圖象驗(yàn)證碼函數(shù)
Sub ValidateCode(VNum)
Dim Img as System.Drawing.Bitmap
Dim g as Graphics
Dim ms as MemoryStream
dim gheight as integer=Int(Len(VNum)*11.5)
''gheight為圖片寬度,根據(jù)字符長(zhǎng)度自動(dòng)更改圖片寬度
img=new BitMap(Gheight,20)
g=Graphics.FromImage(img)
g.DrawString(VNum,(New Font("Arial",10)),(New SolidBrush(color.blue)),3,3)''在矩形內(nèi)繪制字串（字串，字體，畫筆顏色，左上x.左上y）
ms=New MemoryStream()
img.Save(ms,ImageFormat.Png)
Response.ClearContent() ''需要輸出圖象信息 要修改HTTP頭
Response.ContentType="image/Png"
Response.BinaryWrite(ms.ToArray())
g.Dispose()
img.Dispose()
Response.End()
End Sub
''--------------------------------------------
''函數(shù)名稱:RndNum
''函數(shù)參數(shù):VCodeNum--設(shè)定返回隨機(jī)字符串的位數(shù)
''函數(shù)功能:產(chǎn)生數(shù)字和字符混合的隨機(jī)字符串
Function RndNum(VcodeNum)
dim Vchar as string="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,W,X,Y,Z"
dim VcArray() as string=split(Vchar,",") ''將字符串生成數(shù)組
dim VNum as string=""
dim i as byte
For i=1 to VcodeNum
Randomize
VNum=VNum & VcArray(Int(35*Rnd)) ''數(shù)組一般從0開始讀取，所以這里為35*Rnd
Next
Return VNum
End Function
</script>
那么又應(yīng)該如何使用該文件生成的圖象驗(yàn)證碼,看這句代碼:
<asp:Image id="Image1" runat="server" ImageUrl="gif.aspx" />
這就是用來顯示驗(yàn)證碼的Image控件,你可以把它放在任何你喜歡的地方,下面的給出詳細(xì)的使用代碼,你把它保存為ValidateCode.aspx,并把它和gif.aspx放在同一目錄下,在瀏覽器中打開ValidateCode.aspx,就可以測(cè)試它的效果了:
<script language="vb" Runat="Server">
Sub Page_Load(Sender as object,e as eventargs)
dim VNum as string=Session("VNum")
Session.Abandon()
ViewState("VNum")=VNum
End Sub
''下面的事件代碼是用來測(cè)試驗(yàn)證碼,可以根據(jù)需要更改
Sub btnSubmit_click(sender as object,e as eventargs)
''判斷輸入的驗(yàn)證碼與所給是否相同
If txtValidateCode.text=Cstr(ViewState("VNum")) then
lblShow.text="<font color=''red''>提示:驗(yàn)證通過</font>"
Else
lblShow.text="所填寫的驗(yàn)證碼與所給的不符"
End If
End Sub
</script>
<html>
<body>
<form runat="server">
<div align="center">
<table width="750">
<!--DWLayoutTable-->
<tr>
<td width="256" height="46"> </td>
<td width="9"> </td>
<td width="88"> </td>
<td width="87"> </td>
<td width="100"> </td>
<td width="68"> </td>
<td width="97"> </td>
</tr>
<tr>
<td height="21"></td>
<td></td>
<td colspan="3" valign="top"><asp:label ID="lblShow" runat="server"></asp:label></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="14"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="21"> </td>
<td colspan="2" valign="middle">驗(yàn)證碼:</td>
<td valign="top"><asp:Image id="Image1" runat="server" ImageUrl="gif.aspx" /></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="20"> </td>
<td colspan="2" valign="top">輸入驗(yàn)證碼:</td>
<td valign="top"><asp:textbox ID="txtValidateCode" runat="server" TextMode="SingleLine" /></td>
<td colspan="2" valign="middle"><font color="#FF0000" size="2">*注意:區(qū)分大小寫</font></td>
<td> </td>
</tr>
<tr>
<td height="25"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="19"> </td>
<td> </td>
<td> </td>
<td valign="top"><asp:button ID="btnSubmit" runat="server" Text="比較" onclick="btnSubmit_click" /></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</form>
</body>
</html>