`

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

阅读更多
作者:kwklover(原作)        出处:CSDN
在ASP.NET下实现数字和字符相混合的验证码

经常在论坛里看到有问怎么实现验证码的帖子,其实关于验证码的文章在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">  </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>
分享到:
评论

相关推荐

    Asp.net简单实现一个复杂的验证码

    在Asp.net中实现一个复杂的验证码涉及到多个技术层面,包括图像处理、随机数生成、字体混合、颜色叠加等。下面将详细阐述这个过程中的关键知识点。 1. **验证码的生成原理**: 验证码的主要目的是防止自动化的...

    验证码 asp.net 各种验证码

    本文将深入探讨ASP.NET中创建和实现各种验证码的方法。 首先,我们要了解ASP.NET验证码的基本原理。验证码通常由服务器生成一个随机的字符串或图像,并将其存储在服务器端的会话(Session)中。客户端在页面加载时...

    asp.net生成图形验证码

    通过"图形验证码生成_asp.net"这个项目,开发者可以学习到如何在ASP.NET环境中实现一个完整的图形验证码系统,包括生成、发送、验证和安全防护等多个环节,这些知识对于构建更安全的Web应用非常有价值。

    简单验证码ASP.NET程序

    总结起来,"简单验证码ASP.NET程序"是一个自包含的解决方案,提供了灵活的字符集选择和图像绘制功能,能够快速集成到任何ASP.NET项目中,有效提升网站的安全性。通过理解和掌握这个程序的工作原理,开发者可以学习到...

    三种验证码代码示例(数字,数字字母混合,汉字)

    然后,`GetValid.aspx`和`GetValid.aspx.cs`可能涉及的是数字字母混合验证码。这个过程与数字验证码类似,只是生成的验证码字符串会包含数字和字母,增加了识别难度,进一步防止自动化攻击。后端代码可能包括生成...

    asp.net网站开发完美的验证码实例

    本文将深入探讨如何在ASP.NET环境中实现这样一个验证码。 首先,验证码的基本原理是生成一串随机字符(通常包括字母、数字或者符号),并以图像的形式显示给用户,然后让用户输入看到的字符以验证其身份。在ASP.NET...

    asp.net生成验证码

    - 数字字母混合验证码:结合数字和字母,增加识别难度。 - 中文验证码:对于中文环境,可以生成随机的中文字符组合,这在多语言网站中可能更适用。 2. **图像处理**: - 使用GDI+库生成图像,设置图像大小、背景...

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

    ***实现字母和数字混合图形验证码的生成是一个常见的网络安全措施,它能够有效防止自动化工具(如机器人)对网站的非法访问。下面详细讲解在***框架中实现图形验证码的关键技术和步骤。 首先,***平台提供了丰富的...

    asp.net 验证码控件

    在ASP.NET框架中,我们可以利用内置的验证控件或者自定义控件来实现验证码功能。下面将详细探讨这个4位数字的ASP.NET验证码控件的实现原理、使用方法以及相关的技术点。 验证码的核心在于生成随机且不可预测的字符...

    无刷新仿google波形扭曲彩色Asp.net验证码

    在ASP.NET框架下,我们可以使用C#语言来实现这一功能。 验证码的核心在于生成随机且难以被机器识别的图像。首先,我们需要定义一个ASP.NET控件,它可以是自定义的服务器控件或者用户控件(UserControl)。在这个...

    验证码的实现(asp.net)

    总结来说,实现一个ASP.NET中的验证码系统,我们需要结合C#的图形处理能力和ASP.NET的会话管理,生成随机字符,绘制干扰元素并将其转化为图像,最后将其通过HTTP响应发送给客户端。这个过程涉及到了编程语言、图形...

    .net使用一般处理程序生成验证码

    在本场景下,我们将探讨如何使用.NET的一般处理程序生成验证码。 验证码(CAPTCHA)的基本原理是创建一个用户需要解码的图像,通常包含随机的字母或数字组合。用户输入他们看到的文本,服务器验证输入是否正确,...

    很好用的asp.net验证码

    在ASP.NET框架下,我们可以轻松创建并实现强大的验证码功能。本篇将详细介绍如何在ASP.NET中生成和使用验证码,以及相关的实践技巧。 一、验证码的基本原理 验证码(CAPTCHA)是“Completely Automated Public ...

    验证码数字和字母的实现

    通过以上步骤,我们就能够在ASP.NET中实现数字和字母混合的验证码功能。在实际开发中,还可以根据项目需求进行定制,比如调整验证码的长度、字符集、字体样式等,以适应不同安全级别的需求。同时,随着技术的发展,...

    ASP.NET写的一个随机验证码

    总的来说,创建一个自定义的ASP.NET验证码涉及到图像处理、随机数生成和客户端-服务器交互等多个技术环节,这需要开发者具备良好的C#编程基础以及对ASP.NET框架的理解。通过自定义验证码,开发者可以确保其网站的...

Global site tag (gtag.js) - Google Analytics