经常在论坛里看到有问怎么实现验证码的帖子,其实关于验证码的文章在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 初探>>一文 百闻不如一见,有时代码本身就比任何解说更有表现力,所以在此就不对代码解说太多了,本文实现的验证码需要用到两个文件: 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"> </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">验证码:</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">输入验证码:</td> <td valign="top"><asp:textbox ID="txtValidateCode" runat="server" TextMode="SingleLine" /></td> <td colspan="2" valign="middle"><font color="#FF0000" size="2">*注意:区分大小写</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>
对该文的评论
/// /// 将校验码生成图片 /// /// 校验码字符串 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; }
|
请发表评论