实现:随机生成四位数字的验证码,点击验证码可无刷新生成新的验证码,最后点击按钮进行检验

PS:本实例使用UpdatePanel实现无刷新。

前台代码:

<asp:ScriptManager ID="ScriptManager1" runat="server" ></asp:ScriptManager>
页面加载时间:<asp:Label ID="Label1" runat="server" Text=""></asp:Label>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<div>
请输入验证码:<asp:TextBox ID="TextBox1" runat="server" Width="50px"></asp:TextBox>
<asp:ImageButton ID="btnImage" runat="server" ImageAlign="AbsMiddle" OnClick="btnImage_Click" />
<asp:Label ID="Label2" runat="server" Text=""></asp:Label>
<asp:HiddenField ID="hidImgVal" runat="server" />
</div>
<div>
<input type="button" value="检验" onclick="document.getElementById('hidImgVal').value == document.getElementById('TextBox1').value ? alert('验证通过') : alert('验证码不正确');" />
</div>
</ContentTemplate>
<Triggers><asp:AsyncPostBackTrigger ControlID="btnImage" EventName="Click"></asp:AsyncPostBackTrigger></Triggers>
</asp:UpdatePanel>

后台代码:

protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
CreateCheckCodeImage(, );
this.Label1.Text = DateTime.Now.ToString();
}
} //生成四位随机字符
private string CreateCheckCodeString()
{
char[] allCharArray =
{
'','','','','','','','','',''
}; string randomCode = "";
Random rd = new Random();
for (int i = ; i < ; i++)
{
randomCode += allCharArray[rd.Next(allCharArray.Length)];
} return randomCode;
} public void CreateCheckCodeImage(int iWidth, int iHeight)
{ Random rand = new Random();
Bitmap image = new Bitmap(iWidth, iHeight);//创建一个指定宽高的位图
Graphics g = Graphics.FromImage(image);//将位图放入画图板
g.Clear(ColorTranslator.FromHtml("#F0F0F0"));//清除画图板底色并填充新的颜色 //随机2条横向干扰线
for (int i = ; i < ; i++)
{
Pen pen1 = new Pen(Color.FromArgb(, rand.Next(), rand.Next(), rand.Next()), );//干扰线1
Point p1 = new Point(, rand.Next(iHeight));//横线起点
Point p2 = new Point(iWidth, rand.Next(iHeight));//横线终点
g.DrawLine(pen1, p1, p2);
} //随机4条纵向干扰线
for (int i = ; i < ; i++)
{
Pen pen2 = new Pen(Color.FromArgb(, rand.Next(), rand.Next(), rand.Next()), );//干扰线2
Point p1 = new Point(rand.Next(iWidth), );//横线起点
Point p2 = new Point(rand.Next(iWidth), iHeight);//横线终点
g.DrawLine(pen2, p1, p2);
} //随机字符转为图片
Font font = new Font("华文彩云", , FontStyle.Bold);//字体
SolidBrush brush = new SolidBrush(Color.Red);//颜色
Rectangle rect = new Rectangle(, , iWidth, iHeight);//文字区域
string code = CreateCheckCodeString();
this.hidImgVal.Value = code;
g.DrawString(code, font, brush, rect); //保存验证图
string path = HttpContext.Current.Server.MapPath(".");
string imgName = "img" + code + ".jpg";
image.Save(path + @"\img\4_5\" + imgName, ImageFormat.Jpeg);
this.btnImage.ImageUrl = "~/img/4_5/" + imgName; //释放对象
g.Dispose();
image.Dispose();
} protected void btnImage_Click(object sender, ImageClickEventArgs e)
{
//删除文件
string path = HttpContext.Current.Server.MapPath(".");
string imgName = "img" + this.hidImgVal.Value + ".jpg";
if (File.Exists(path + @"\img\4_5\" + imgName))
{
File.Delete(path + @"\img\4_5\" + imgName);
} CreateCheckCodeImage(, );
this.Label2.Text = DateTime.Now.ToString();
}

遗留问题:

虽然功能实现,但图片保存使用了动态路径,原因是静态路径无法实现刷新,所以会有日益增加的验证图文件。

但是想想,如果可以使用静态路径,那么100个用户同时读取该验证图会有什么结果?

看来较好的方式是将缩略图存放在客户端:)

网上有一种使用MemoryStream来存放验证图:

System.IO.MemoryStream ms = new System.IO.MemoryStream();
image.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg);
Response.ClearContent();
Response.ContentType = "image/Jpeg";
Response.BinaryWrite(ms.ToArray());

但不知道怎么传给图片的路径,这里请大师指点。

ASP.NET——生成验证码的更多相关文章

  1. 012. asp.net生成验证码图片(汉字示例/字母+数字)

    protected void Page_Load(object sender, EventArgs e) { //生成验证码图片的基本步骤 string checkCode = "新年快乐& ...

  2. Asp.net 生成验证码

    生成验证码一般来说大体有这么几步: 1.生成验证码字符串,一般由四个或更多随机字符拼凑而成: 2.填充图片背景,并绘制图片的背景噪音线: 3.将验证码绘制到图片中: 4.绘制前景噪点: 5.返回图片流 ...

  3. 【转载】ASP.NET 生成验证码

    直接上code using System; using System.Collections.Generic; using System.Linq; using System.Web; using S ...

  4. ASP.NET生成验证码

    首先,添加一个一般处理程序 注释很详细了,有不懂的欢迎评论 using System; using System.Collections.Generic; using System.Drawing; ...

  5. ASP.NET图形验证码的生成

    效果: 调用方法: int[] r = QAPI.VerifImage.RandomList();//取得随机数种子列 );//产生验证码字符 pictureBox1.Image = QAPI.Ver ...

  6. ASP.NET ashx实现无刷新页面生成验证码

    现在大部分网站登陆时都会要求输入验证码,在网上也看了一些范例,现在总结一下如何实现无刷新页面生成验证码. 效果图: 实现方式: 前台: <div> <span>Identify ...

  7. 详细说说如何生成验证码—ASP.NET细枝末节(4)

    前言 今天小编详细的说一下,ASP.NET网站开发过程中生成验证码的全部问题. 本文的目标,是让读者了解,生成验证码涉及的全部基础知识问题. 当然这里说的是比较简单的验证码. 真正符合要求的验证码,涉 ...

  8. (一)【转】asp.net mvc生成验证码

    网站添加验证码,主要为防止机器人程序批量注册,或对特定的注册用户用特定程序暴力破解方式,以进行不断的登录.灌水等危害网站的操作.验证码被广泛应用在注册.登录.留言等提交信息到服务器端处理的页面中.   ...

  9. Asp.net mvc生成验证码

    1.生成验证码类 using System; using System.Collections.Generic; using System.Linq; using System.Text; using ...

随机推荐

  1. mongo的安装

    windows: 1 安装scons (1): 下载python2.7, 使用x86_32位,因为scons只有32位安装包可用, http://www.python.org/download/rel ...

  2. wex5 教程之 图文讲解 文件上传attachmentSimple(1)

    视频教程地址:http://v.youku.com/v_show/id_XMTc4NDAyMTY4OA==.html 效果预览: 1 调用attchmentSimple组件,打开文件管理器,并选中,显 ...

  3. eclipse快捷方式

    虽说右键可以直接发送快捷方式到桌面,但是点击桌面图标确提示错误,偶然发现右键选个什么,配置下启动文件就ok了(就是链接到安装目录里面那个可以启动的exe),后来怎么复现不了,伤感了,不过是可以用了,还 ...

  4. Dynamics AX 2012 R2 创建一个带有负载均衡的服务器集群

    安装额外AOS的主要目的,是将它添加到集群,或用于创建批处理服务器. 1.创建集群服务器 这里,Reinhard使用上节Install An Additional AOS 中创建的AOS,来创建集群. ...

  5. 如何在Linux中查看所有正在运行的进程

    如何在Linux中查看所有正在运行的进程 FROM:http://os.51cto.com/art/201101/244090.htm 进程是一个其中运行着一个或多个线程的地址空间和这些线程所需要的系 ...

  6. 用andtoid studio获取天气数据并解析适配

    1.申请拿到数据 可以用“聚合数据” 2.在android studio中导入需要的jar包 复制—>app—>libs—>粘贴—>右击—>Add As Library… ...

  7. C#操作Dataset数据集与SQLite数据库

    近日有需要写点C#程序,有用到Dataset数据集和SQLite数据库,由于我从来就不擅长记各种编程语言的语法,所以在查阅一堆资料后,留下以下内容备忘:     一.SQLite操作,直接贴代码,很简 ...

  8. 创建一个叫做People的类: 属性:姓名、年龄、性别、身高 行为:说话、计算加法、改名 编写能为所有属性赋值的构造方法; (2)创建主类: 创建一个对象:名叫“张三”,性别“男”,年龄18岁,身高1.80; 让该对象调用成员方法: 说出“你好!” 计算23+45的值 将名字改为“李四”

    package com.chuoji; public class People { private String name; private int age; private String sex; ...

  9. 图片上传本地预览。兼容IE7+

    基于JQUERY扩展,图片上传预览插件 目前兼容浏览器(IE 谷歌 火狐) 不支持safari 预览地址:http://www.jinbanmen.com/test/1.html js代码:/**名称 ...

  10. JAVA基础知识之JDBC——RowSet

    RowSet概念 在C#中,提供了一个DataSet,可以把数据库的数据放在内存中进行离线操作(读写),操作完成之后再同步到数据库中去,Java中则提供了类似的功能RowSet. RowSet接口继承 ...