經常在論壇里看到有問怎么實現(xiàn)驗證碼的帖子,其實關于驗證碼的文章在CSDN,DEV-CLUB等網站上都有很多,但是很多文章只講訴了如何輸出一個隨機生成數字或字符的圖象,當然了,這個是驗證碼的核心了,但是對很多ASP.NET的初學者來說,怎么使用它生成的圖象又成了一個問題(論壇有不少問這個的),這也是我寫本文的一個原因.
言歸正傳,關于驗證碼的原理,我就不多說了,大家可以參見其他文章,文末附有完整的實例代碼,里面有詳細的注釋,你可以跳過解說文字,直接使用
首先,我要簡要說說Session和ViewState的用法,因為后面會用到它
把數據存儲在Session中:Session("key")="test"
從Session取值:dim testvalue as string=Session("key")
類似的:
把數據存儲在ViewState中:ViewState("key")="test"
從ViewState中取值:dim testvalue as string=ViewState("key")
關于ViewState的更詳細的資料,你可以參看MSDN的ASP.NET ViewState 初探>>一文
百聞不如一見,有時代碼本身就比任何解說更有表現(xiàn)力,所以在此就不對代碼解說太多了,本文實現(xiàn)的驗證碼需要用到兩個文件:
gif.aspx 該文件用于生成驗證碼
ValidateCode.aspx 該文件用來測試驗證碼(即如何使用)
下面給出gif.aspx的完整代碼:
[/code]
%@ 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是一個自定義函數
dim VNum as string=RndNum(4)
Session("VNum")=VNum
ValidateCode(VNum)
End Sub
'生成圖象驗證碼函數
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為圖片寬度,根據字符長度自動更改圖片寬度
img=new BitMap(Gheight,20)
g=Graphics.FromImage(img)
g.DrawString(VNum,(New Font("Arial",10)),(New SolidBrush(color.blue)),3,3)'在矩形內繪制字串(字串,字體,畫筆顏色,左上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
'--------------------------------------------
'函數名稱:RndNum
'函數參數:VcodeNum--設定返回隨機字符串的位數
'函數功能:產生數字和字符混合的隨機字符串
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,",") '將字符串生成數組
dim VNum as string=""
dim i as byte
For i=1 to VcodeNum
Randomize
VNum=VNum VcArray(Int(35*Rnd)) '數組一般從0開始讀取,所以這里為35*Rnd
Next
Return VNum
End Function
/script>
[/code]
那么又應該如何使用該文件生成的圖象驗證碼,看這句代碼:
asp:Image id="Image1" runat="server" ImageUrl="gif.aspx" />
這就是用來顯示驗證碼的Image控件,你可以把它放在任何你喜歡的地方,下面的給出詳細的使用代碼,你把它保存為ValidateCode.aspx,并把它和gif.aspx放在同一目錄下,在瀏覽器中打開ValidateCode.aspx,就可以測試它的效果了:
復制代碼 代碼如下:
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
'下面的事件代碼是用來測試驗證碼,可以根據需要更改
Sub btnSubmit_click(sender as object,e as eventargs)
'判斷輸入的驗證碼與所給是否相同
If txtValidateCode.text=Cstr(ViewState("VNum")) then
lblShow.text="font color='red'>提示:驗證通過/font>"
Else
lblShow.text="所填寫的驗證碼與所給的不符"
End If
End Sub
/script>
html>
body>
form runat="server">
div align="center">
table width="750">
!--DWLayoutTable-->
tr>
td width="256" height="46">nbsp; /td>
td width="9">nbsp;/td>
td width="88">nbsp;/td>
td width="87">nbsp;/td>
td width="100">nbsp;/td>
td width="68">nbsp;/td>
td width="97">nbsp;/td>
/tr>
tr>
td height="21">/td>
td>/td>
td colspan="3" valign="top">asp:label ID="lblShow" runat="server">/asp:label>/td>
td>nbsp;/td>
td>nbsp;/td>
/tr>
tr>
td height="14">/td>
td>/td>
td>/td>
td>/td>
td>/td>
td>/td>
td>/td>
/tr>
tr>
td height="21">nbsp;/td>
td colspan="2" valign="middle">驗證碼:/td>
td valign="top">asp:Image id="Image1" runat="server" ImageUrl="gif.aspx" />/td>
td>nbsp;/td>
td>nbsp;/td>
td>nbsp;/td>
/tr>
tr>
td height="20">nbsp;/td>
td colspan="2" valign="top">輸入驗證碼:/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>nbsp;/td>
/tr>
tr>
td height="25">nbsp;/td>
td>nbsp;/td>
td>nbsp;/td>
td>nbsp;/td>
td>nbsp;/td>
td>nbsp;/td>
td>nbsp;/td>
/tr>
tr>
td height="19">nbsp;/td>
td>nbsp;/td>
td>nbsp;/td>
td valign="top">asp:button ID="btnSubmit" runat="server" Text="比較" onclick="btnSubmit_click" />/td>
td>nbsp;/td>
td>nbsp;/td>
td>nbsp;/td>
/tr>
/table>
/div>
/form>
/body>
/html>
對該文的評論
復制代碼 代碼如下:
///
/// 將校驗碼生成圖片
///
/// 校驗碼字符串
private void ValidateCode(string VNum)
{
int Gheight=(int)(VNum.Length * 11.5);
//gheight為圖片寬度,根據字符長度自動更改圖片寬度
System.Drawing.Bitmap Img = new System.Drawing.Bitmap(Gheight,20);
Graphics g = Graphics.FromImage(Img);
g.DrawString(VNum,new System.Drawing.Font("Arial",10),new System.Drawing.SolidBrush(Color.Red),3,3); //在矩形內繪制字串(字串,字體,畫筆顏色,左上x.左上y)
System.IO.MemoryStream ms=new System.IO.MemoryStream();
Img.Save(ms,System.Drawing.Imaging.ImageFormat.Png);
Response.ClearContent(); //需要輸出圖象信息 要修改HTTP頭
Response.ContentType="image/Png";
Response.BinaryWrite(ms.ToArray());
g.Dispose();
Img.Dispose();
Response.End();
}
///
/// 生成驗證碼
///
/// 校驗碼長度
/// 返回校驗碼
private string GenerateCheckCode(int CodeLength)
{
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(new char[]{','}); //將字符串生成數組
string VNum ="";
for(byte i=1;i=CodeLength;i++)
{
Random ro=new Random();
VNum+=VcArray[(int)(35*ro.NextDouble())]; //數組一般從0開始讀取,所以這里為35*Rnd
}
return VNum;
}
您可能感興趣的文章:- ASP.NET 實現(xiàn)驗證碼以及刷新驗證碼的小例子
- .net驗證碼的刷新或局部刷新的方法實例
- asp.net中3種驗證碼示例(實現(xiàn)代碼)(數字,數字字母混和,漢字)
- asp.net生成驗證碼(純數字)
- asp.net生成驗證碼代碼(純中文)
- asp.net 圖片驗證碼的HtmlHelper
- asp.net 驗證碼的簡單制作(vb.net+C#)
- asp.net ajax實現(xiàn)無刷新驗證碼
- 封裝的一個asp.net驗證碼類
- ASP.NET中的無刷新驗證碼的開發(fā)(完整代碼)
- asp.net下生成英文字符數字驗證碼的代碼
- .NET 中英文混合驗證碼實現(xiàn)代碼
- asp.net 驗證碼生成和刷新及驗證
- asp.net 簡單驗證碼驗證實現(xiàn)代碼
- Asp.net(C#)實現(xiàn)驗證碼功能代碼
- ASP.net 驗證碼實現(xiàn)代碼(C#)
- asp.net(C#) 生成隨機驗證碼的代碼