数码控科技猎奇Iphone动漫星座游戏电竞lolcosplay王者荣耀攻略allcnewsBLOGNEWSBLOGASKBLOGBLOGZSK全部技术问答问答技术问答it问答代码软件新闻开发博客电脑/网络手机/数码笔记本电脑互联网操作系统软件硬件编程开发360产品资源分享电脑知识文档中心IT全部全部分类全部分类技术牛文全部分类教程最新网页制作cms教程平面设计媒体动画操作系统网站运营网络安全服务器教程数据库工具网络安全软件教学vbscript正则表达式javascript批处理更多»编程更新教程更新游戏更新allitnewsJava新闻网络医疗信息化安全创业站长电商科技访谈域名会议专栏创业动态融资创投创业学院 / 产品经理创业公司人物访谈营销开发数据库服务器系统虚拟化云计算嵌入式移动开发作业作业1常见软件all电脑网络手机数码生活游戏体育运动明星影音休闲爱好文化艺术社会民生教育科学医疗健康金融管理情感社交地区其他电脑互联网软件硬件编程开发360相关产品手机平板其他电子产品摄影器材360硬件通讯智能设备购物时尚生活常识美容塑身服装服饰出行旅游交通汽车购房置业家居装修美食烹饪单机电脑游戏网页游戏电视游戏桌游棋牌游戏手机游戏小游戏掌机游戏客户端游戏集体游戏其他游戏体育赛事篮球足球其他运动球类运动赛车健身运动运动用品影视娱乐人物音乐动漫摄影摄像收藏宠物幽默搞笑起名花鸟鱼虫茶艺彩票星座占卜书画美术舞蹈小说图书器乐声乐小品相声戏剧戏曲手工艺品历史话题时事政治就业职场军事国防节日风俗法律法规宗教礼仪礼节自然灾害360维权社会人物升学入学人文社科外语资格考试公务员留学出国家庭教育学习方法语文物理生物工程学农业数学化学健康知识心理健康孕育早教内科外科妇产科儿科皮肤科五官科男科整形中医药品传染科其他疾病医院两性肿瘤科创业投资企业管理财务税务银行股票金融理财基金债券保险贸易商务文书国民经济爱情婚姻家庭烦恼北京上海重庆天津黑龙江吉林辽宁河北内蒙古山西陕西宁夏甘肃青海新疆西藏四川贵州云南河南湖北湖南山东江苏浙江安徽江西福建广东广西海南香港澳门台湾海外地区

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

来源:脚本之家  责任编辑:小易  

现在大部分网站登陆时都会要求输入验证码,在网上也看了一些范例,现在总结一下如何实现无刷新页面生成验证码。

效果图:

 

实现方式:

前台:

<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+'?'"

之前一直不明白为什么要加一个?号,于是去网上搜索,参考一下前辈们的见解:

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

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

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

您可能感兴趣的文章:


  • 本文相关:
  • 一个简单的asp.net验证码
  • asp.net mvc验证码类使用
  • asp.net验证码实现(附源码)
  • asp.net验证码的简单制作
  • 12306动态验证码启发之asp.net实现动态gif验证码(附源码)
  • asp.net验证码(3种)
  • asp.net 验证码生成和刷新及验证
  • asp.net 验证码实现代码(c#)
  • asp.net(c#) 生成随机验证码的代码
  • asp.net(c#)实现验证码功能代码
  • asp.net 票据简单应用
  • .net中string无重复数字的实现方法
  • 微信语音上传 下载功能实例代码
  • asp.net生成树形显示的gridview实现思路
  • .net compact framework开发小技巧 推荐
  • 使用htmlagilitypack xpath 表达式抓取博客园数据的实现代码
  • asp.net返回上一页面的实现代码
  • asp.net开发中常见公共捕获异常方式总结(附源码)
  • asp.net core+docker+jenkins实现持续集成的完整实例
  • c#委托与事件(详解)
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved