首页 / ASP.NET / 写一个含数字,拼音,汉字的验证码生成类

写一个含数字,拼音,汉字的验证码生成类

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了写一个含数字,拼音,汉字的验证码生成类，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含11479字，纯文字阅读大概需要17分钟。

内容图文

本次和大家分享的是一个集成1：小写拼音 2：大写拼音 3：数字 4：汉字的验证码生成类，从标题来看感觉很普通的样子，没错的确很普通，只是这个验证码类生成的时候可以通过参数指定验证码返回格式的规则，更主要的是希望能给大家带来一定的实用性，本章例子也会有一个mvc使用验证码校验的场景，希望大家能够喜欢。

» 验证码生成流程图

» 验证码生成池代码的解析

» 把验证代码画到图片上

» mvc登录操作测试验证码正确性

下面一步一个脚印的来分享：

» 验证码生成流程图

首先，咋们来看一下本次分享的验证码生成类的生成流程图：

写一个含数字,拼音,汉字的验证码生成类 - 文章图片

能看到此图描述的编码生成池对应的是几个不同的编码内容，这里主要根据参数设置允许同时获取不同编码内容，从而到达文字，拼音，汉字组合而成验证码，具体规则设置由参数而定；

» 验证码生成池代码的解析

首先，由上面流程图分析的内容能看出，这个验证码生成池子需要并行获取不同类型验证码数据，才能满足组合的验证码，因此有了下面的代码：

/// <summary>
 /// 创建验证码
 /// </summary>
 /// <param name="codeType">1：小写拼音 2：大写拼音 3：数字 4：汉字</param>
 /// <returns></returns>
 public static string CreateCode(string codeType = "1|2|3|4")
 {
 var code = string.Empty;
 try
 {
 if (string.IsNullOrWhiteSpace(codeType) || codeType.IndexOf('|') < 0) { codeType = "1|2|3|4"; }
 var codeTypeArr = codeType.Split(new char[] { '|' }, StringSplitOptions.RemoveEmptyEntries);
 var strLen = codeTypeArr.Length;
 //任务
 Task<string>[] taskArr = new Task<string>[strLen];
 for (int i = 0; i < strLen; i++)
 {
  var val = codeTypeArr[i];
  switch (val)
  {
  case "1": //小写拼音
  taskArr[i] = Task.Factory.StartNew<string>(() => { return GetPinYinOrUpper(false); });
  break;
  case "2": //大写拼音
  taskArr[i] = Task.Factory.StartNew<string>(() => { return GetPinYinOrUpper(); });
  break;
  case "3": //数字
  taskArr[i] = Task.Factory.StartNew<string>(() => { return GetShuZi(); });
  break;
  case "4": //汉字
  taskArr[i] = Task.Factory.StartNew<string>(() => { return GetHanZi(); });
  break;
  default:
  break;
  }
 }
 //等待完成 30s
 Task.WaitAll(taskArr, TimeSpan.FromSeconds(30));
 foreach (var item in taskArr)
 {
  code += item.Result;
 }
 }
 catch (Exception ex)
 {
 code = "我爱祖国";
 }
 return code;
 }

这里继续使用了关键字Task，来分发任务获取不同的验证码内容，个人认为最主要的还是通过参数设置 string codeType = "1|2|3|4" ，来确定验证码的组合方式，这样也达到了验证码格式的多样性；

» 把验证代码画到图片上

首先，咋们要明确的是要吧文字画在某个图片上，那么需要用到Graphics关键字，以此来创建画布把咋们的验证编码画到图片上，这里先上代码：

/// <summary>
 /// 生成验证码图片流
 /// </summary>
 /// <param name="code">验证码文字</param>
 /// <returns>流</returns>
 public static byte[] CreateValidateCodeStream(string code = "我爱祖国", int fontSize = 18, int width = 0, int height = 0, string fontFamily = "华文楷体")
 {
 var bb = new byte[0];
 //初始化画布
 var padding = 2;
 var len = code.Length;
 width = width <= 0 ? fontSize * 2 * (len - 1) + padding * 4 : width;
 height = height <= 0 ? fontSize * 2 : height;
 var image = new Bitmap(width, height);
 var g = Graphics.FromImage(image);
 try
 {
 var random = new Random();
 //清空背景色
 g.Clear(Color.White);
 //画横向中间干扰线
 var x1 = 0;
 var y1 = height / 2;
 var x2 = width;
 var y2 = y1;
 g.DrawLine(new Pen(Color.DarkRed), x1, y1, x2, y2);
 //字体
 var font = new Font(fontFamily, fontSize, (FontStyle.Bold | FontStyle.Italic));
 var brush = new LinearGradientBrush(new Rectangle(0, 0, image.Width, image.Height),
  Color.Blue, Color.DarkRed, 1f, true);
 //画文字
 var stringFomart = new StringFormat();
 //垂直居中
 stringFomart.LineAlignment = StringAlignment.Center;
 //水平居中
 stringFomart.Alignment = StringAlignment.Center;
 var rf = new Rectangle(Point.Empty, new Size(width, height));
 g.DrawString(code, font, brush, rf, stringFomart);
 //画图片的前景干扰点
 for (int i = 0; i < 100; i++)
 {
  var x = random.Next(image.Width);
  var 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);
 //保存图片流
 var stream = new MemoryStream();
 image.Save(stream, ImageFormat.Jpeg);
 //

输出图片流 bb = stream.ToArray(); } catch (Exception ex) { } finally { g.Dispose(); image.Dispose(); } return bb; }

这个列出画验证码图片方法的关键点：

1. 图片的高和宽度需要设置，这个根据不同页面布局方式而定，所以这里吧高和宽用作参数传递

2. 干扰线：通常验证码图片都以一两条干扰线，主要防止某些恶意用户使用图片识别软件进行不正规破解请求，我这里干扰线只设置了横向居中的一天直线代码如： g.DrawLine(new Pen(Color.DarkRed), x1, y1, x2, y2);

3. 字体：一个好看的字体通常也一种用户体验，因此这里根据需要参数传递字体；

4. 验证代码位于图片纵横向居中，这里的关键代码是：

 var stringFomart = new StringFormat();
 //垂直居中
 stringFomart.LineAlignment = StringAlignment.Center;
 //水平居中
 stringFomart.Alignment = StringAlignment.Center;

5. g.DrawString(code, font, brush, rf, stringFomart); 主要用来把文字画到图片上，这是最关键的地方

6. 咋们通常都是吧验证码弄成图片流，而不是真的生成一个实体的验证码图片保存到服务器上，不然这样服务器很快就会磁盘不足，所以

 //保存图片流
 var stream = new MemoryStream();
 image.Save(stream, ImageFormat.Jpeg);
 //

输出图片流 bb = stream.ToArray();

这句的重要性也不可忽视，主要就把画的内容保存到流中方便使用

7. 最后千万不用忘了使用Dispose释放画布

» mvc登录操作测试验证码正确性

有了上面验证码生成类生成好的验证码图片，那么我们还需要测试验证下正确性和效果；下面我们使用mvc架构来做测试，先创建一个验证码测试Action并生成对应试图ValidCode.cshtml文件，然后自定义几个不同格式的验证码获取Action，代码如下：

public FileResult GetValidateCode()
 {
 //返回的验证码文字
 var code = string.Empty;
 var bb_code = ValidateCode.GetValidateCodeStream(ref code);

 return File(bb_code, "image/jpeg");
 }
 public FileResult GetValidateCode01()
 {
 var code = string.Empty;
 var bb_code = ValidateCode.GetValidateCodeStream(ref code, "1|2|3|4");
 return File(bb_code, "image/jpeg");
 }
 public FileResult GetValidateCode02()
 {
 var code = string.Empty;
 var bb_code = ValidateCode.GetValidateCodeStream(ref code, "4|3|2|1");
 return File(bb_code, "image/jpeg");
 }
 public FileResult GetValidateCode03()
 {
 var code = string.Empty;
 var bb_code = ValidateCode.GetValidateCodeStream(ref code, "2|2|2|2");
 return File(bb_code, "image/jpeg");
 }
 public FileResult GetValidateCode04()
 {
 var code = string.Empty;
 var bb_code = ValidateCode.GetValidateCodeStream(ref code, "4|4|4|4");
 return File(bb_code, "image/jpeg");
 }
 public FileResult GetValidateCode05()
 {
 var code = string.Empty;
 var bb_code = ValidateCode.GetValidateCodeStream(ref code, "1|1|1|1");
 return File(bb_code, "image/jpeg");
 }

感觉上几乎一模一样，只是对应的参数不一样，这里遵循的方法GetValidateCodeStream参数codeType格式是：为空表示自由组合 1：小写拼音 2：大写拼音 3：数字 4：汉字；然后我们往试图中填写如下代码：

<h2>神牛 - 验证码实例</h2>
<div class="container " id="appVue">
 <table class="table table-bordered text-left">
 <tbody>
 <tr>
 <td>全部随机</td>
 <td>
  <img src="/home/GetValidateCode" data-src="/home/GetValidateCode" id="imgCode" />
  <input type="text" name="code" placeholder="请输入验证码" class="form-control" />
  <button class="btn btn-default">登 录</button>
  <span id="msg" style="color:red"></span>
 </td>
 </tr>
 <tr>
 <td>小写|大写|数字|汉字</td>
 <td><img src="/home/GetValidateCode01" data-src="/home/GetValidateCode01" /></td>
 </tr>
 <tr>
 <td>汉字|数字|大写|小写</td>
 <td><img src="/home/GetValidateCode02" data-src="/home/GetValidateCode02" /></td>
 </tr>
 <tr>
 <td>全部大写</td>
 <td><img src="/home/GetValidateCode03" data-src="/home/GetValidateCode03" /></td>
 </tr>
 <tr>
 <td>全部汉字</td>
 <td><img src="/home/GetValidateCode04" data-src="/home/GetValidateCode04" /></td>
 </tr>
 <tr>
 <td>全部小写</td>
 <td><img src="/home/GetValidateCode05" data-src="/home/GetValidateCode05" /></td>
 </tr>
 </tbody>
 </table>
</div>

好了咋们生成下项目，看下效果图如下：

写一个含数字,拼音,汉字的验证码生成类 - 文章图片

能从图中看到我们验证码格式的不同之处，这也是文章开头说的验证码格式的多样性，当然可能还有其他组成格式请允许我暂时忽略，下面我们来做一个点击图片获取新验证码的功能和点击登录按钮去后台程序判断验证码是否匹配的例子，先来修改试图界面代码如下：

@{
 ViewBag.Title = "ValidtCode";
}
<h2>神牛 - 验证码实例</h2>
<div class="container " id="appVue">
 <table class="table table-bordered text-left">
 <tbody>
 <tr>
 <td>全部随机</td>
 <td>
  <img src="/home/GetValidateCode" data-src="/home/GetValidateCode" id="imgCode" />
  <input type="text" name="code" placeholder="请输入验证码" class="form-control" />
  <button class="btn btn-default">登 录</button>
  <span id="msg" style="color:red"></span>
 </td>
 </tr>
 <tr>
 <td>小写|大写|数字|汉字</td>
 <td><img src="/home/GetValidateCode01" data-src="/home/GetValidateCode01" /></td>
 </tr>
 <tr>
 <td>汉字|数字|大写|小写</td>
 <td><img src="/home/GetValidateCode02" data-src="/home/GetValidateCode02" /></td>
 </tr>
 <tr>
 <td>全部大写</td>
 <td><img src="/home/GetValidateCode03" data-src="/home/GetValidateCode03" /></td>
 </tr>
 <tr>
 <td>全部汉字</td>
 <td><img src="/home/GetValidateCode04" data-src="/home/GetValidateCode04" /></td>
 </tr>
 <tr>
 <td>全部小写</td>
 <td><img src="/home/GetValidateCode05" data-src="/home/GetValidateCode05" /></td>
 </tr>
 </tbody>
 </table>
</div>
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
 $(function () {
 $("img").on("click", function () {
 var nowTime = new Date().getTime();
 var src = $(this).attr("data-src") + "?t=" + nowTime;
 if (src.length <= 0) { return; }
 $(this).attr("src", src);
 });
 $("button").on("click", function () {
 var msg = $("#msg");
 var code = $("input[name='code']").val();
 if (code.length <= 0) { msg.html("请输入验证码！"); return; }

 $.post("/home/UserLogin", { code: code }, function (result) {
 if (result) {
  msg.html(result.Msg);
  if (!result.IsOk) {
  $("#imgCode").click();
  }
 }
 });
 })
 })
</script>

然后在Controller中增加如下登录验证代码：

public JsonResult UserLogin(string code)
 {
 var data = new Stage.Com.Extend.StageModel.MoData();
 if (string.IsNullOrWhiteSpace(code)) { data.Msg = "验证码不能为空"; return Json(data); }
 var compareCode = Session["code"];
 if (!compareCode.Equals(code)) { data.Msg = "验证码错误"; return Json(data); }
 data.IsOk = true;
 data.Msg = "验证码验证成功";
 return Json(data);
 }
 public FileResult GetValidateCode()
 {
 //返回的验证码文字
 var code = string.Empty;
 var bb_code = ValidateCode.GetValidateCodeStream(ref code);

 var key = "code";
 if (Session[key] != null)
 {
 Session.Remove(key);
 }
 Session[key] = code;
 return File(bb_code, "image/jpeg");
 }

由于我这里无法截动态图，所点击测试获取验证码我这里直接给出线上的一个例子，各位可以试试：http://lovexins.com:1001/home/ValidCode，点击获取新验证码的关键代码是： $(this).attr("src", src); 重新给img元素的scr赋值，不过这里要注意由于浏览器缓存的原因，这里赋值的时候需要加上一个动态参数，我这里是使用时间作为请求参数，因此有了以下的代码： $(this).attr("data-src") + "?t=" + nowTime; 这是特别的地方需要注意；好了咋们来直接测试登陆是否能从后端判断验证码是否正确匹配吧，这里用的是session来保存获取验证码图片返回的验证代码，然后在登陆时候判断用户数据的验证码是否和后台session的验证一样：

验证失败：

写一个含数字,拼音,汉字的验证码生成类 - 文章图片

验证成功：

写一个含数字,拼音,汉字的验证码生成类 - 文章图片

好了测试用例就这么多，如果您觉得我这个验证码生成例子还可以并且您希望使用那么请注意，参数的传递，不同得到的验证码格式不同，主要方法是：

/// <summary>
 /// 获取验证码图片流
 /// </summary>
 /// <param name="codeLen">验证码个数（codeType设置 > codeLen设置）</param>
 /// <param name="codeType">为空表示自由组合 1：小写拼音 2：大写拼音 3：数字 4：汉字</param>
 /// <returns></returns>
 public static byte[] GetValidateCodeStream(ref string code, string codeType = "", int codeLen = 0, int fontSize = 18, int width = 120, int height = 30)
 {
 //为空自由组合
 if (string.IsNullOrWhiteSpace(codeType))
 {
 for (int i = 0; i < codeLen; i++)
 {
  codeType += rm.Next(1, 5) + "|";
 }
 }
 code = CreateCode(codeType);
 return CreateValidateCodeStream(code, fontSize, width: width, height: height);
 }

具体参数各位可以看下备注，我这里顺便打包下代码，方便分享和使用：验证码生成示例

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！

内容总结

以上是互联网集市为您收集整理的写一个含数字,拼音,汉字的验证码生成类全部内容，希望文章能够帮你解决写一个含数字,拼音,汉字的验证码生成类所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/377399.html

来源：【匿名】

【上一篇】asp.net读取模版并写入文本文件【下一篇】asp.net伪静态关于页面优化和伪静态

更多 ►

【写一个含数字,拼音,汉字的验证码生成类】教程文章相关的互联网学习教程文章

Asp.Net验证码【代码】

验证码html调用验证码：<input name="txtCode0" type="text" id="txtCode0"class="login-text" size="10" maxlength="4"> <img src="CodeHandler.ashx" id="imgCode" alt="验证码" title="点击刷新验证码" align="middle"style="height: 24px; width: 70px;" onclick="refreshRandCode()">验证码刷新//刷新验证码function refreshRandCode() {$(‘#imgCode‘).hide().attr(‘src‘,‘CodeHandler.ashx?‘ + Math.floor(Math.random...

[Hei.Captcha] Asp.Net Core 跨平台验证码实现【代码】【图】

写在前面说起来比较丢脸。我们有个手机的验证码发送逻辑需要使用验证码，这块本来项目里面就有验证码绘制逻辑，.Net Framework的，使用的包是System.Drawing,我把这验证码绘制逻辑复制到.Net Core的新项目引用对比包System.Drawing.Common，windows下面验证码正常，CentOs下面死活不能正常,像这样：（左边为CentOs运行结果，右为Windows）依赖库检查安装；字体检查安装；逻辑检查；折腾了一天多放弃了，决定重新写。我看了市面上的...

ASP.NET 生成随机验证码

这只是一个简单的 Demo,仅供学习。可以在此基础上加以修改使用。到下载页原文：http://blog.csdn.net/skyandcode/article/details/22387393

Asp.net(C#)实现验证码功能代码

新建一个专门用来创建验证码图片的页面ValidateCode.aspx 它的后台cs文件代码如下： PageLoad 复制代码代码如下:private void Page_Load(object sender, System.EventArgs e) { string checkCode = CreateRandomCode(4); Session["CheckCode"] = checkCode; CreateImage(checkCode); } 其中CreateRandomCode是自定义的函数，参数代表验证码位数复制代码代码如下:private string CreateRandomCode(int codeCount) { string allCh...

.NET生成动态验证码的完整步骤【图】

前言验证码是图片上写上几个字，然后对这几个字做特殊处理，如扭曲、旋转、修改文字位置，然后加入一些线条，或加入一些特殊效果，使这些在人类能正常识别的同时，机器却很难识别出来，以达到防爬虫、防机器人的效果。验证码通常用于网站中，是防爬虫、防机器人侵入的好方法。以往.NET中创建验证码，通常会使用System.Drawing创建“正常”的验证码。在前一往篇博客.NET中生成水印更好的方法中，提到了如何给图片加水印。本文将基...

mvc实现图片验证码功能

mvc中实现图片验证码很简单，只需要创建一个 FileContentResult的方法，返回file就行 /// <summary>/// 创建一个文件方法/// </summary>/// <returns></returns>public FileContentResult GetCode() {//参数一：产生几个字符的验证码图片参数二：验证码的形式(数字、字母、数字字母混合都有)ValidateCode validCode = new ValidateCode(5, ValidateCode.CodeType.Alphas);//将图片转换为二进制MemoryStream ms =validCode.CreateC...

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_cha...

ASP.NET Core使用SkiaSharp实现验证码的示例代码

前言本文并没有实现一个完成的验证码样例，只是提供了在当前.NET Core 2.0下使用Drawing API的另一种思路，并以简单Demo的形式展示出来。 Skia Skia是一个开源的二维图形库，提供各种常用的API，并可在多种软硬件平台上运行。谷歌Chrome浏览器、Chrome OS、安卓、火狐浏览器、火狐操作系统以及其它许多产品都使用它作为图形引擎。 Skia由谷歌出资管理，任何人都可基于BSD免费软件许可证使用Skia。Skia开发团队致力于开发其核心部分...

ASP.NET实现的生成验证码功能示例【附demo源码】【图】

本文实例讲述了ASP.NET实现的生成验证码功能。分享给大家供大家参考，具体如下：生成验证码原理：产生随机字符，并将字符生成为图片，同时储存到Session里去，然后验证用户输入的内容是否与Session中的验证码相符即可。效果图：用户可以点击切换验证码信息。一般处理程序：CheckCodeHandler.cs <%@ WebHandler Language="C#" Class="CheckCodeHandler" %> using System; using System.Web; using System.Text; using System.Draw...

asp.net使用ashx生成图形验证码的方法示例【图】

本文实例讲述了asp.net使用ashx生成图形验证码的方法。分享给大家供大家参考，具体如下：验证码的好处不用我多说，你们都懂的。我在网上看到有人把验证码直接写在aspx页面里，也就是说这种方式请求验证码等于请求一个页面，这样做很不科学。如下所示 <form id="form1" runat="server"><div><asp:Image ID="Image1" runat="server" ImageUrl="Default.aspx" /><br /><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><asp...

一个简单的ASP.NET验证码

本文实例为大家分享了ASP.NET验证码的具体代码，供大家参考，具体内容如下我主要是看到干扰线了，一个验证码里面要是没有干扰线什么的，至少得在噪点和随机码的排版上下工夫：/// <summary>/// 验证码生成类/// </summary>public class verify_code : IHttpHandler, IRequiresSessionState{public void ProcessRequest(HttpContext context){int codeW = 80;int codeH = 22;int fontSize = 16;string chkCode = string.Empty;//颜...

Asp.net Web Api实现图片点击式图片验证码功能【图】

现在验证码的形式越来越丰富，今天要实现的是在点击图片中的文字来进行校验的验证码，如图这种验证码验证是验证鼠标是否选中了图片中文字的位置，以及选择的顺序，产生验证码的时候可以提供一组底图，然后随机获取一张图片，随机选取几个字，然后把文字的顺序打乱，分别随机放到图片的一个位置上,然后记录文字的位置和顺序，验证的时候验证一下文字的位置和顺序即可验证码图片的类 /// <summary>/// 二维码图片/// </summary>publ...

MVC+EasyUI+三层新闻网站建立验证码生成（三）

我们在项目中的NewWeb.Common类库里面建立一个类用来存放生成验证码的代码。这里我类的名字叫 ValidateCode 生成验证码（ValidateCode）类的代码： using System; using System.Collections.Generic; using System.Drawing; using System.Drawing.Drawing2D; using System.Drawing.Imaging; using System.IO; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Web;namespace NewWeb.Common {pu...