晨鸟科技

标题: [转]在ASP.NET下实现数字和字符相混合的验证码 [打印本页]

---

作者: Star    时间: 2010-12-24 17:07
标题: [转]在ASP.NET下实现数字和字符相混合的验证码
原文地址：http://www.dedecms.com/knowledge ... t/2009/0929/91.html

详见原文，如果原文不可见，请见下文：
很多文章只讲诉了如何输出一个随机生成数字或字符的图象,当然这是验证码的核心了,但是对很多ASP.NET的初学者来说,怎么使用它生成的图象又成了一个问题(论坛有不少问这个的),这也是我写本文的一个原因.

关于验证码的原理,就不多说了,大家可以参见其他文章,文末附有完整的实例代码,里面有详细的注释,你可以跳过解说文字,直接使用
- b6 d/ J6 ~. y. m, |
首先,要简要说说Session和ViewState的用法,因为后面会用到它
$ p# D' v! i! G* h. G
: d0 }, o# r$ z把数据存储在Session中:Session("key")="test"

从Session取值:dim testvalue as string=Session("key")

类似的:
$ R+ F' M# t: Y- E
把数据存储在ViewState中:ViewState("key")="test"

从ViewState中取值:dim testvalue as string=ViewState("key")
4 ^7 v3 }7 _; S# R! w, |
4 s4 g: x$ k1 u3 E2 f关于ViewState的更详细的资料,你可以参看MSDN的<<ASP.NET ViewState 初探>>一文
& y6 D9 X9 r6 }9 V
有时代码本身就比任何解说更有表现力,所以在此就不对代码解说太多了,本文实现的验证码需要用到两个文件:

gif.aspx           该文件用于生成验证码

' ~; S$ A4 A* cValidateCode.aspx  该文件用来测试验证码(即如何使用)
+ \% N1 G7 l5 Y, m
下面给出gif.aspx的完整代码:
: T# F' q  E# `& @0 M1 L. N
" G2 u: o2 D: j7 j; D! b/ b<%@ import namespace="System"%>
. j- I( S  l& l. c- Q& `: E* N
" c6 `0 B# \3 i/ X+ Z, k<%@ import namespace="System.io"%>
6 z1 q# J8 T) r! [5 J" V, O0 \' P  E, O
  T) ]8 }  c1 ~9 [, A<%@ import namespace="System.Drawing"%>
3 g/ q. @  b2 n- J! \* S
& v1 `. c3 {) g# C& w3 d0 R# }<%@ import namespace="System.Drawing.Imaging"%>

0 l: n% |! K' x; q+ T0 e# X6 D( u<script language="vb" runat="server">
4 E* x/ Z/ H/ Y. }0 H
- E9 ?1 a6 [: X+ W' vSub Page_Load(Sender as object,e as eventargs)
+ T9 z0 M. O  M% x; ~% D
'RndNum是一个自定义函数
0 t& v5 q4 R# u5 E! d
# e9 W! i0 L5 P0 ?" C5 tdim VNum as string=RndNum(4)

Session("VNum")=VNum
: `5 k- C# ?9 L8 w8 C
) o& S# h- l& o& Z: O* ^" r) ]4 hValidateCode(VNum)

+ g3 n+ X1 F  K, ZEnd Sub

8 F6 f2 ^: c- b$ H2 Y'生成图象验证码函数
2 n6 y% Q) D# N& U6 K
+ ?2 ], i* l3 s7 O$ W+ A, jSub ValidateCode(VNum)
6 v" p$ ~# j" l+ ?4 o
7 O6 o3 y# D, I! C. r7 s$ HDim Img as System.Drawing.Bitmap
6 s/ S8 E5 q( H( J3 l/ [
0 ?, A! Q% k) r! @8 IDim g as Graphics
7 f% x+ M' |8 X9 E; K% q/ G
Dim ms as MemoryStream

dim gheight as integer=Int(Len(VNum)*11.5)
+ B% B0 P4 o+ o6 e, [
'gheight为图片宽度,根据字符长度自动更改图片宽度
7 {+ n  k0 }1 G7 T- G
img=new BitMap(Gheight,20)

g=Graphics.FromImage(img)
# D: f* f2 u- ], d/ e1 y  Y
g.DrawString(VNum,(New Font("Arial",10)),(New SolidBrush(color.blue)),3,3)'在矩形内绘制字串（字串，字体，画笔颜色，左上x.左上y）
; w9 g1 l$ m/ w
ms=New MemoryStream()

img.Save(ms,ImageFormat.Png)

1 J( Z, W# X$ B1 |4 \( pResponse.ClearContent() '需要输出图象信息 要修改HTTP头

Response.ContentType="image/Png"

Response.BinaryWrite(ms.ToArray())
6 R$ }2 }$ a, ]
g.Dispose()
( T1 V8 V1 H, r5 P
img.Dispose()

1 n! t* j5 h: c" E% yResponse.End()

End Sub
( V$ B3 l  ?$ w2 k
'--------------------------------------------

'函数名称:RndNum
5 c. h6 a) V  w! m+ I0 O( x4 {
'函数参数:VcodeNum--设定返回随机字符串的位数

8 h! F6 B0 X8 j+ b  s- ]'函数功能:产生数字和字符混合的随机字符串
5 N8 v; X. Y# _! S
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"
. W! x4 O+ \4 A- G
dim VcArray() as string=split(Vchar,",") '将字符串生成数组

dim VNum as string=""

dim i as byte

1 M8 R4 g& N; t% {5 s7 _1 E5 j+ YFor i=1 to VcodeNum

Randomize
. r( Z+ G% T2 W9 F* N, U
, D2 ^6 _7 ^; S. [VNum=VNum & VcArray(Int(35*Rnd)) '数组一般从0开始读取，所以这里为35*Rnd
) J0 E5 }) f, v9 [8 c" Q
Next
( R8 }* e, S# Y
! V& [# u6 o, C4 T2 M6 \( B$ Z/ BReturn VNum
. Q" U6 U3 b) C8 ~; ^3 y/ z5 r
End Function
+ p% ~# [4 {( X2 d$ g0 h
</script>
' v* `. n- V1 l! ~: S+ Z  f* r
那么又应该如何使用该文件生成的图象验证码,看这句代码:
  Q2 O0 Q0 A" H) u' }
<asp:Image id="Image1" runat="server" ImageUrl="gif.aspx" />
- |/ |* S: j9 l+ J/ Z/ B# K

---

欢迎光临 晨鸟科技 (http://www.chenniao.com/cprofessor/)

Powered by Discuz! X3.2