广告位联系
返回顶部
分享到

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

asp.net 来源:互联网搜集 作者:秩名 发布时间:2018-09-30 16:03:34 人浏览
摘要

今天小编给大家带来ASP.NET ashx实现无刷新页面生成验证码的教程 现在大部分网站登陆时都会要求输入验证码,在网上也看了一些范例,现在总结一下如何实现无刷新页面生成验证码。 效果图: 实现方式: 前台: div spanIdentifying Code:/span asp:TextBox ID=

今天小编给大家带来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方法,从而获取新的验证码
 


版权声明 : 本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权, 违法违规的内容, 请发送邮件至2530232025#qq.cn(#换@)举报,一经查实,本站将立刻删除。
原文链接 :
相关文章
  • ASP.NET MVC使用Identity增删改查用户

    ASP.NET MVC使用Identity增删改查用户
    源码在这里:https://github.com/darrenji/UseIdentityCRUDUserInMVC,本地下载 在VS2013中创建一个MVC项目,用默认的无身份验证作为身份验证机制。 通过
  • WPF实现雷达扫描图的绘制介绍

    WPF实现雷达扫描图的绘制介绍
    实现一个雷达扫描图。 源代码在TK_King/雷达 (gitee.com) https://gitee.com/TK_King/radar,自行下载就好了 制作思路 绘制圆形(或者称之轮) 绘制分割
  • .Net Core之JWT授权介绍

    .Net Core之JWT授权介绍
    JSON Web令牌(JWT)是一个开放标准(RFC 7519),它定义了一种紧凑且自包含的方式,用于在各方之间安全地传输信息作为JSON对象。由于此信息
  • ASP.NET Core使用Middleware设置有条件允许访问路由

    ASP.NET Core使用Middleware设置有条件允许访问路由
    1.简介 有时,我们可能在Web API中包含一些具有调试功能的请求。比如我们上次的文章中为什么ASP.NETCore数据库连接串的值和appsettings.json配的
  • ASP.NET Core使用功能开关控制路由访问操作

    ASP.NET Core使用功能开关控制路由访问操作
    前言: 在前面的文章,我们介绍了使用Middleware有条件地允许访问路由(《ASP.NETCore使用Middleware设置有条件允许访问路由》)。 而对于一些
  • ASP.NET Core使用功能开关控制路由访问操作(续)

    ASP.NET Core使用功能开关控制路由访问操作(续)
    前言: 在前面的文章,我们介绍了? ?使用功能开关控制路由访问??。 但其实我们使用了2个条件做的判断: 1 2 3 4 var isDebugEndpoint = context.Re
  • 详解MediatR的使用
    环境: .NET 5 ASP.NET Core MVC (project) 1. MediatR MediatR .NET中的简单中介者模式实现,一种进程内消息传递机制(无其他外部依赖)。支持以同步或
  • .NET Core 3.0里新的JSON API介绍
    为什么需要新的 JSON API ? JSON.NET 大家都用过,老版本的 ASP.NET Core 也依赖于 JSON.NET 。 然而这个依赖就会引起一些版本问题:例如 ASP .NET
  • Net Core Web Api项目与在NginX下发布的方法
    前言 本文将介绍Net Core的一些基础知识和如何NginX下发布Net Core的WebApi项目。 测试环境 操作系统:windows 10 开发工具:visualstudio 2019 框架:
  • ASP.NET Core中的Http缓存使用
    Http响应缓存可减少客户端或代理对web服务器发出的请求数。响应缓存还减少了web服务器生成响应所需的工作量。响应缓存由Http请求中的he
  • 本站所有内容来源于互联网或用户自行发布,本站仅提供信息存储空间服务,不拥有版权,不承担法律责任。如有侵犯您的权益,请您联系站长处理!
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计