經(jīng)常在論壇里看到有問(wèn)怎么實(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é)者來(lái)說(shuō),怎么使用它生成的圖象又成了一個(gè)問(wèn)題(論壇有不少問(wèn)這個(gè)的),這也是我寫本文的一個(gè)原因.
    言歸正傳,關(guān)于驗(yàn)證碼的原理,我就不多說(shuō)了,大家可以參見其他文章,文末附有完整的實(shí)例代碼,里面有詳細(xì)的注釋,你可以跳過(guò)解說(shuō)文字,直接使用
    首先,我要簡(jiǎn)要說(shuō)說(shuō)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í)代碼本身就比任何解說(shuō)更有表現(xiàn)力,所以在此就不對(duì)代碼解說(shuō)太多了,本文實(shí)現(xiàn)的驗(yàn)證碼需要用到兩個(gè)文件:
       gif.aspx           該文件用于生成驗(yàn)證碼
       ValidateCode.aspx  該文件用來(lái)測(cè)試驗(yàn)證碼(即如何使用)
   下面給出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是一個(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>
[/code]
那么又應(yīng)該如何使用該文件生成的圖象驗(yàn)證碼,看這句代碼:
 <asp:Image id="Image1" runat="server" ImageUrl="gif.aspx" />
這就是用來(lái)顯示驗(yàn)證碼的Image控件,你可以把它放在任何你喜歡的地方,下面的給出詳細(xì)的使用代碼,你把它保存為ValidateCode.aspx,并把它和gif.aspx放在同一目錄下,在瀏覽器中打開ValidateCode.aspx,就可以測(cè)試它的效果了:

最新評(píng)論