网上关于Asp.net验证码的示例是在不少,前一段时间我发布的《51aspx实现的Asp.net无刷新中文验证码》受到了广大网站的转载,但是关于其中无刷新及波形扭曲的文章寥寥无几,示例也几乎难寻,于是我搜集了一些资料写了一个示例免费提供给大家,主要特点如下:
效果图:
无刷新:也就是一般网站都有的“看不清,点击更换”、“更换验证码”的那种功能,一段js脚本搞定!
波形扭曲:类似google验证码,这个能更有效的防止验证码被机器人攻破,具体的扭曲程度可以自行设置(正弦曲线Wave扭曲图片产生波形滤镜效果),加加参数也可以改成msn的那种啊,自己举一反三吧!
彩色:字符颜色都是随机的
大小写:也是随机的,当然为了输入方便没有对大小写进行限制,也可以自己修改哦
注释详细:各个参数都有很详细的说明,容易上手
为了显示扭曲效果,默认字体大小为40像素,可以自行修改
关于扭曲的源码:
1
/**/
///<summary>
2
///正弦曲线Wave扭曲图片(EditBy51aspx.com)
3
///</summary>
4
///<paramname="srcBmp">图片路径</param>
5
///<paramname="bXDir">如果扭曲则选择为True</param>
6
///<paramname="nMultValue">波形的幅度倍数,越大扭曲的程度越高,一般为3</param>
7
///<paramname="dPhase">波形的起始相位,取值区间[0-2*PI)</param>
8
///<returns></returns>
9
public
System.Drawing.BitmapTwistImage(BitmapsrcBmp,
bool
bXDir,
double
dMultValue,
double
dPhase)
10
{
11
System.Drawing.BitmapdestBmp=newBitmap(srcBmp.Width,srcBmp.Height);
12
13
//将位图背景填充为白色
14
System.Drawing.Graphicsgraph=System.Drawing.Graphics.FromImage(destBmp);
15
graph.FillRectangle(newSolidBrush(System.Drawing.Color.White),0,0,destBmp.Width,destBmp.Height);
16
graph.Dispose();
17
18
doubledBaseAxisLen=bXDir?(double)destBmp.Height:(double)destBmp.Width;
19
20
for(inti=0;i<destBmp.Width;i++)
21

{
22
for(intj=0;j<destBmp.Height;j++)
23

{
24
doubledx=0;
25
dx=bXDir?(PI2*(double)j)/dBaseAxisLen:(PI2*(double)i)/dBaseAxisLen;
26
dx+=dPhase;
27
doubledy=Math.Sin(dx);
28
29
//取得当前点的颜色
30
intnOldX=0,nOldY=0;
31
nOldX=bXDir?i+(int)(dy*dMultValue):i;
32
nOldY=bXDir?j:j+(int)(dy*dMultValue);
33
34
System.Drawing.Colorcolor=srcBmp.GetPixel(i,j);
35
if(nOldX>=0&&nOldX<destBmp.Width
36
&&nOldY>=0&&nOldY<destBmp.Height)
37

{
38
destBmp.SetPixel(nOldX,nOldY,color);
39
}
40
}
41
}
42
43
returndestBmp;
44
}
45
/**/
///<summary>2
///正弦曲线Wave扭曲图片(EditBy51aspx.com)3
///</summary>4
///<paramname="srcBmp">图片路径</param>5
///<paramname="bXDir">如果扭曲则选择为True</param>6
///<paramname="nMultValue">波形的幅度倍数,越大扭曲的程度越高,一般为3</param>7
///<paramname="dPhase">波形的起始相位,取值区间[0-2*PI)</param>8
///<returns></returns>
9
public
System.Drawing.BitmapTwistImage(BitmapsrcBmp,
bool
bXDir,
double
dMultValue,
double
dPhase)10

{11
System.Drawing.BitmapdestBmp=newBitmap(srcBmp.Width,srcBmp.Height);12

13
//将位图背景填充为白色14
System.Drawing.Graphicsgraph=System.Drawing.Graphics.FromImage(destBmp);15
graph.FillRectangle(newSolidBrush(System.Drawing.Color.White),0,0,destBmp.Width,destBmp.Height);16
graph.Dispose();17

18
doubledBaseAxisLen=bXDir?(double)destBmp.Height:(double)destBmp.Width;19

20
for(inti=0;i<destBmp.Width;i++)21


{22
for(intj=0;j<destBmp.Height;j++)23


{24
doubledx=0;25
dx=bXDir?(PI2*(double)j)/dBaseAxisLen:(PI2*(double)i)/dBaseAxisLen;26
dx+=dPhase;27
doubledy=Math.Sin(dx);28

29
//取得当前点的颜色30
intnOldX=0,nOldY=0;31
nOldX=bXDir?i+(int)(dy*dMultValue):i;32
nOldY=bXDir?j:j+(int)(dy*dMultValue);33

34
System.Drawing.Colorcolor=srcBmp.GetPixel(i,j);35
if(nOldX>=0&&nOldX<destBmp.Width36
&&nOldY>=0&&nOldY<destBmp.Height)37


{38
destBmp.SetPixel(nOldX,nOldY,color);39
}40
}41
}42

43
returndestBmp;44
}
45
关于无刷新的问题我找了很多文章都很复杂,后来想到了一个简单的办法
<
imgid
=
"
imgVerify
"
src
=
"
VerifyCode.aspx?
"
alt
=
"
看不清?点击更换
"
onclick
=
"
this.src=this.src+'?'
"
/>
一段js代码搞定,不知道其他人是不是还有什么高见?欢迎交流
示例源码下载
本文介绍了一种ASP.NET验证码实现方法,包括无刷新更换验证码功能和波形扭曲效果来增加安全性。提供了正弦曲线扭曲图片的源码示例及简单的无刷新实现方案。
507

被折叠的 条评论
为什么被折叠?



