在ASP.NET下实现数字和字符相混合的验证码

转载 2007年10月15日 09:30:00
经常在论坛里看到有问怎么实现验证码的帖子,其实关于验证码的文章在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的完整代码:
<%@ 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>
那么又应该如何使用该文件生成的图象验证码,看这句代码:
<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">*注意:区分大小写</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>
 

Servlet仿CSDN动态验证码的生成-带数字和字母

实现的思路: 首先,需要创建一个Servlet。该Servlet通过字节型响应给客户端返回一个图片,该图片是通过JDK中Java 2D的类库来生成一个图片。图片的生成是依靠一个随机数来完成,然后将这个...
  • Evankaka
  • Evankaka
  • 2015年06月23日 22:48
  • 3829

Java版纯字母、纯数字、字母数字组合验证码的生成

所谓验证码,就是将一串随机产生的数字或符号,生成一幅图片, 图片里加上一些干扰,例如随机画数条直线或者画一些点,由用户肉眼识别其中的验证码信息,输入表单提交网站验证,验证成功后才能使用某项功能。验证码...
  • aboy123
  • aboy123
  • 2013年08月07日 11:10
  • 8901

django表单处理(二)--数据验证

上一篇讲到最简单的表单处理,就将输入的字符串输出了。 这么简单的表单处理可不行,接下来我们以一个用户注册的例子说明怎么验证数据。 验证数据要用到django.forms模块。 首先我们在temp...
  • whoami021
  • whoami021
  • 2014年03月10日 00:28
  • 2090

asp.net 生成图形验证码(字母和数字混合)

验证码技术是网站开发过程中比较重要的技术,可以防止非法人员利用注册机或者登陆工具来攻击我们的网站。下面是效果图:具体实现方法如下:1、主要思路是:引用Using System.Drawing命名空间,...
  • qq_27915701
  • qq_27915701
  • 2016年04月08日 19:27
  • 136

asp.net GDI+ 绘制验证码 大小写字母数字混合

Random r = new Random(); str = string.Empty; for (int i = 0; i < 5; i++) ...
  • qq_28018731
  • qq_28018731
  • 2017年06月06日 11:09
  • 271

asp.net中3种验证码示例(实现代码)(数字,数字字母混和,汉字)

二话不说,来张效果图,给客官们看看: WebForm5.aspx
  • SunMoonJP
  • SunMoonJP
  • 2017年03月20日 09:15
  • 855

asp.net生成图片验证码(数字)

经常会用到验证码生成 所以直接放在博客上面方便自己查阅
  • qq_36165603
  • qq_36165603
  • 2017年07月12日 09:07
  • 387

ASP.NET动态绘制汉字、字母和数字验证码

本例利用GDI+技术(图形设备接口:Graphics Device Interface)动态绘制汉字、字母和数字验证码。在利用GDI+绘制图形时需调用Graphics对象来绘制各种图形。 一、技术要...
  • u013455803
  • u013455803
  • 2014年03月07日 21:14
  • 589

如何创建4位数字验证码图片(ASP.NET MVC2环境下)

基于mvc2架构下的验证码由一个controll中的action负责管理view上的一个动作,这是在controll中创建验证码图片的过程。 public FileResult ConfirmCode...
  • xiaoguang44
  • xiaoguang44
  • 2011年02月20日 02:22
  • 3399

Asp.Net 验证码[6位验证字符](带示例演示)

  • 2009年05月12日 18:00
  • 3KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:在ASP.NET下实现数字和字符相混合的验证码
举报原因:
原因补充:

(最多只允许输入30个字)