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

 更新时间2018年09月26日 11:46:17   作者AnneHan   我要评论

这篇文章主要为大家详细介绍了ASP.NET ashx实现无刷新页面生成验证码具有一定的参?#25216;?#20540;感兴趣的小伙伴们可以参?#23478;?#19979;

现在大部分网站登陆时都会要求输入验证码在网上?#37096;?#20102;一些范例现在总结一下如何实现无刷新页面生成验证码

效果图

 

实现方式

前台

<div>
 <span>Identifying Code:</span>
 <asp:TextBox ID="txtValidationCode" runat="server" Width="130px" MaxLength="4"></asp:TextBox>
 <img id="imgYZ" class="code" style=" height:23px; width:65px;" 
  src="Img.ashx" onclick="this.src=this.src+'?'"/ />
 <img src="../images/btn_change.gif" title="Change" class="btn_change" Style="cursor: hand"
  onclick="ImgChange()" />
</div>

JS

<script language="javascript" type="text/javascript">
 function ImgChange() 
 { 
  var img=document.getElementById("imgYZ");
  img.click();
 } 
</script>

ashx:

using System;
using System.Web;
using CLAIMS.BLL;
using System.Data;
using System.Configuration;
using System.Web.SessionState;
using System.Drawing;

public class Img : IHttpHandler, IRequiresSessionState
{
 
 public void ProcessRequest (HttpContext context) 
 {
  context.Response.ContentType = "image/Jpeg";
  
  string s_random = "";
  System.IO.MemoryStream ms = new System.IO.MemoryStream();
  s_random = RndNum(4);
  context.Session["random"] = s_random;
  s_random = s_random.Substring(0, 1) + " " + s_random.Substring(1, 1) + " " + s_random.Substring(2, 1) + " " + s_random.Substring(3, 1);
  
  CreateImage(s_random, ref ms);
  context.Response.ClearContent();
  context.Response.BinaryWrite(ms.ToArray());

  context.Response.Flush();
  context.Response.End();
 }

 private void CreateImage(string checkCode,ref System.IO.MemoryStream ms)
 {
  int iwidth = (int)(checkCode.Length * 18);
  System.Drawing.Bitmap image = new System.Drawing.Bitmap(iwidth, 45);
  Graphics g = Graphics.FromImage(image);
  g.Clear(Color.White);
  //定义颜色
  Color[] c = { Color.Black, Color.Red, Color.DarkBlue, Color.Green, Color.Orange, Color.Brown, Color.DarkCyan, Color.Purple };
  //定义字体   
  //string[] font = {"Verdana","Microsoft Sans Serif","Comic Sans MS","Arial","宋体"};
  Random rand = new Random();
  //随机输出噪点
  for (int i = 0; i < 50; i++)
  {
   int x = rand.Next(image.Width);
   int y = rand.Next(image.Height);
   g.DrawRectangle(new Pen(Color.LightGray, 0), x, y, 1, 1);
  }

  //输出不同字体和颜色的验证码字符

  for (int i = 0; i < checkCode.Length; i++)
  {
   int cindex = rand.Next(7);
   int findex = rand.Next(5);
   Font font = new System.Drawing.Font("Arial", 24, (System.Drawing.FontStyle.Bold | System.Drawing.FontStyle.Italic));
   Brush b = new System.Drawing.SolidBrush(c[cindex]);
   int ii = 4;
   if ((i + 1) % 2 == 0)
   {
    ii = 2;
   }
   g.DrawString(checkCode.Substring(i, 1), font, b, 3 + (i * 12), ii);
  }
  //画一个边框

  g.DrawRectangle(new Pen(Color.Black, 0), 0, 0, image.Width - 1, image.Height - 1);

  //输出到浏览器
  image.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg);
  
  g.Dispose();
  image.Dispose();
 }

 public static String RndNum(int VcodeNum)
 {
  String Vchar = "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";
  String[] VcArray = Vchar.Split(',');
  String VNum = "";
  Random random = new Random();
  for (int i = 1; i <= VcodeNum; i++)
  {
   int iNum = 0;
   while ((iNum = Convert.ToInt32(VcArray.Length * random.NextDouble())) == VcArray.Length)
   {
    iNum = Convert.ToInt32(VcArray.Length * random.NextDouble());
   }
   VNum += VcArray[iNum];
  }
  return VNum;
 }
 
 public bool IsReusable {
  get {
   return false;
  }
 }

}

备注

onclick="this.src=this.src+'?'"

之前一直不明白为什么要加一个号于是去网上搜索参?#23478;?#19979;前辈们的见解

这是表示当前?#35745;?#38142;接在当前链接值的基础上添加了一个问号
譬如当前src="check.aspx",点击后就变成了"check.aspx?"继续点就会变成"check.aspx?????"
这个问号是没有实际意义的,它唯一的作用是向IE表明: ?#35745;?#38142;接发生了变化,?#35745;?#38656;要刷新.

GET当客户端要从服务器中读取文档时使用GET方法GET方法要求服务器将URL定位的资源放在响应报文的数据部分回送给客户端使用GET方法时请求参数?#25237;?#24212;的值附加在URL后面利用一个问号?代表URL的结尾与请求参数的开始传递参数长度受限制例如/index.jsp?id=100&op=bind
POST当客户端给服务器提供信息较多时可以使用POST方法POST方法将请求参数封装在HTTP请求数据中以名称/值的形式出现可以传输大量数据
this.src=this.src+'?'是将this.src原值后加上以便向服务器发送一个新的GET方法从而获取新的验证码

以上就是本文的全部内容希望对大家的学习有所帮助也希望大家多多支持脚本之家

  • ASP.NET mvc异常处理的方法示例介绍

    ASP.NET mvc异常处理的方法示例介绍

    这篇文章主要介绍了ASP.NET mvc异常处理的方法,需要的朋友可以参考下
    2014-04-04
  • asp.net 页面间传值与跳转的区别

    asp.net 页面间传值与跳转的区别

    通过Server.Transfer("b.aspx") 与Response.Redirect("b.aspx")的区别
    2010-04-04
  • asp.net(c#) MS AJAX的安装

    asp.net(c#) MS AJAX的安装

    asp.net(c#) MS AJAX的安装...
    2007-06-06
  • 如何利用FluentMigrator实现数据库迁移

    如何利用FluentMigrator实现数据库迁移

    这篇文章主要给大家介绍了关于如何利用FluentMigrator实现数据库迁移的相关资?#24076;?#25991;中通过示例代码介绍的非常详细对大家的学习或者工作具有一定的参考学习价值需要的朋友们下面来一起学习学习吧
    2019-04-04
  • GridView控件实现数据的修?#27169;?#31532;9节

    GridView控件实现数据的修?#27169;?#31532;9节

    这篇文章主要介绍了GridView控件实现数据的修改,需要的朋友可以参考下
    2015-08-08
  • ASP.NET缓存方法分析和实践示例代码

    ASP.NET缓存方法分析和实践示例代码

    尽早缓存经常缓存 您应该在应用程序的每一层都实现缓存向数据层业务逻辑层UI 或输出层添加缓存支持
    2008-11-11
  • asp.net下Linq To Sql注意事项小结

    asp.net下Linq To Sql注意事项小结

    对于Linq 连接数据库进行操作时需注意的问题
    2008-10-10
  • spring mvc整合freemarker基于注解方式

    spring mvc整合freemarker基于注解方式

    spring mvc整合freemarker基于注解方式需要的朋友可以参?#23478;?#19979;
    2013-02-02
  • 最新评论

    常用在线小工具

    35ѡ7