asp.net ajax实现无刷新验证码

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了asp.net ajax实现无刷新验证码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2147字，纯文字阅读大概需要4分钟。

内容图文

1、首先是在后台验证码的aspx文件的Page_Load中的事件代码：
代码如下:

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Drawing; 
namespace 学生在线考试系统 
{ 
public partial class AjaxAutoCode : System.Web.UI.Page 
{ 
//验证数字 
public string authcode = string.Empty; 
protected void Page_Load(object sender, EventArgs e) 
{ 
#region 第一种产生验证码的方法 
Random random = new Random(); 
authcode = random.Next(1111, 9999).ToString(); 
//构造图片 
Bitmap image = new Bitmap(authcode.Length * 12, 25); 
//创建画布 
Graphics g = Graphics.FromImage(image); 
try 
{ 
g.Clear(Color.White); 
for (int i = 0; i < 25; i++) 
{ 
int x1 = random.Next(image.Width); 
int x2 = random.Next(image.Width); 
int y1 = random.Next(image.Height); 
int y2 = random.Next(image.Height); 
//链接两点的线条 
g.DrawLine(new Pen(Color.Silver), x1, y1, x2, y2); 
} 
Font font = new Font("Arial", 12, FontStyle.Bold | FontStyle.Italic); 
System.Drawing.Drawing2D.LinearGradientBrush brush = new System.Drawing.Drawing2D.LinearGradientBrush( 
new Rectangle(0, 0, image.Width, image.Height), Color.Blue, Color.DarkBlue, 1.2f, true); 
g.DrawString(authcode, font, brush, 2, 2); 
//画图片的前景噪点 
for (int i = 0; i < 100; i++) 
{ 
int x = random.Next(image.Width); 
int y = random.Next(image.Height); 
image.SetPixel(x, y, Color.FromArgb(random.Next())); 
} 
g.DrawRectangle(new Pen(Color.Silver), 0, 0, image.Width - 1, image.Height - 1); 
System.IO.MemoryStream ms = new System.IO.MemoryStream(); 
image.Save(ms, System.Drawing.Imaging.ImageFormat.Gif); 
ms.WriteTo(this.Response.OutputStream); 
ms.Close(); 
this.Response.ContentType = "image/gif"; 
} 
finally 
{ 
image.Dispose(); 
g.Dispose(); 
} 
#endregion 
} 
} 
} 
 
2、其次在显示验证码的页面定义一个JS函数 
 代码如下:

function fGetCode() 
{ 
document.getElementById("getcode").src="Default2.aspx?"+Math.random(); 
} 
 
3.再编辑前台页面aspx,下面是前台页面的代码片段 
 代码如下:

<label>验证码</label> 
<asp:TextBox ID="txt_checkCode" runat="server" Width="178px"></asp:TextBox> 
<img src="Default2.aspx" alt="看不清楚？" id="getcode"/> <a href="javascript:fGetCode()">更换验证码</a> 

            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的asp.net ajax实现无刷新验证码全部内容，希望文章能够帮你解决asp.net ajax实现无刷新验证码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---