图形验证码的生成(数字和英文大小写)和提交验证

最初接触时,感觉很好玩,然后就自己研究了下,做了个demo,然后整理下,下次可以直接使用啦,英文大小写,点击可以切换

上代码了。。。。

页面代码:

  <img id="Img" src="/Login/GetCheckCode" />

  这个是页面JQuery点击更换方法

  $("#Img").click(function () {
    //this.src = "/Login/GetCheckCode?time="+(new Date()).getTime();   //这个也可以的

    //$("#Img").attr("src", "/Login/GetCheckCode?"+Math.random());

    $("#Img").attr("src", "/Login/GetCheckCode?time=" + (new Date()).getTime());

    注意:src后面加个time的时间参数,是为了再次加载验证码,否则加载不了。

    网上的解释:服务器端编写好生成验证码的方法,由于客户端浏览器会缓存URL相同的资源,可以使用随机数/或者时间来重新请求:
  });

后台代码:

    public ActionResult GetCheckCode()
    {
      string code = GenerateCheckCodes(4);
      Session["ValidateCode"] = code;
      byte[] bytes = CreateCheckCodeImage(code);
      return File(bytes, @"image/jpeg");
    }

    private string GenerateCheckCodes(int iCount)
    {
      char[] oCharacter = {‘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‘,‘V‘,‘W‘,‘X‘,‘Y‘,‘Z‘
            //‘a‘,‘b‘,‘c‘,‘d‘,‘e‘,‘f‘,‘g‘,‘h‘,‘i‘,‘j‘,‘k‘,‘l‘,‘m‘,‘n‘,‘o‘,‘p‘,‘q‘,‘r‘,‘s‘,‘t‘,‘u‘,‘v‘,‘w‘,‘x‘,‘y‘,‘z‘
              };
      //int number;
      string checkCode = String.Empty;
      int iSeed = DateTime.Now.Millisecond;
      System.Random random = new Random(iSeed);
      for (int i = 0; i < iCount; i++)
      {
        checkCode += oCharacter[random.Next(oCharacter.Length)];

        //纯数字
        //number = random.Next(10);
        //number = oCharacter[random.Next(oCharacter.Length)];
        //checkCode += number.ToString();
      }
      return checkCode;
    }

    private byte[] CreateCheckCodeImage(string checkCode)
    {
      if (checkCode == null || checkCode.Trim() == String.Empty)
      {
        return null;
      }
      int iWordWidth = 20;
      int iImageWidth = checkCode.Length * iWordWidth;
      Bitmap image = new Bitmap(iImageWidth, 30);
      Graphics g = Graphics.FromImage(image);
      try
      {
        //生成随机生成器
        Random random = new Random();
        //清空图片背景色
        g.Clear(Color.White);

        //画图片的背景噪音点
        for (int i = 0; i < 20; 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);
        }

        //画图片的背景噪音线
        for (int i = 0; i < 2; i++)
        {
          int x1 = 0;
          int x2 = image.Width;
          int y1 = random.Next(image.Height);
          int y2 = random.Next(image.Height);
          if (i == 0)
          {
            g.DrawLine(new Pen(Color.Gray, 2), x1, y1, x2, y2);
          }

        }
        for (int i = 0; i < checkCode.Length; i++)
        {

           string Code = checkCode[i].ToString();
           int xLeft = iWordWidth * (i);
          random = new Random(xLeft);
          int iSeed = DateTime.Now.Millisecond;
          int iValue = random.Next(iSeed) % 4;
          if (iValue == 0)
          {
            Font font = new Font("Arial", 16, (FontStyle.Bold | System.Drawing.FontStyle.Italic));
            Rectangle rc = new Rectangle(xLeft, 0, iWordWidth, image.Height);
            LinearGradientBrush brush = new LinearGradientBrush(rc, Color.Blue, Color.Red, 1.5f, true);
            g.DrawString(Code, font, brush, xLeft, 2);
          }
          else if (iValue == 1)
          {
            Font font = new System.Drawing.Font("楷体", 16, (FontStyle.Bold));
            Rectangle rc = new Rectangle(xLeft, 0, iWordWidth, image.Height);
            LinearGradientBrush brush = new LinearGradientBrush(rc, Color.Blue, Color.DarkRed, 1.3f, true);
            g.DrawString(Code, font, brush, xLeft, 2);
          }
          else if (iValue == 2)
          {
            Font font = new System.Drawing.Font("宋体", 16, (System.Drawing.FontStyle.Bold));
            Rectangle rc = new Rectangle(xLeft, 0, iWordWidth, image.Height);
            LinearGradientBrush brush = new LinearGradientBrush(rc, Color.Green, Color.Blue, 1.2f, true);
            g.DrawString(Code, font, brush, xLeft, 2);
          }
          else if (iValue == 3)
          {
            Font font = new System.Drawing.Font("黑体", 16, (System.Drawing.FontStyle.Bold |       

            System.Drawing.FontStyle.Bold));
            Rectangle rc = new Rectangle(xLeft, 0, iWordWidth, image.Height);
            LinearGradientBrush brush = new LinearGradientBrush(rc, Color.Blue, Color.Green, 1.8f, true);
            g.DrawString(Code, font, brush, xLeft, 2);
          }
        }
        ////画图片的前景噪音点 ---有无这段代码 貌似没啥变化
        for (int i = 0; i < 8; 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);
        MemoryStream ms = new MemoryStream();
        image.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg);
        return ms.ToArray();
        //Response.ClearContent();
        //Response.ContentType = "image/jpeg";
        //Response.BinaryWrite(ms.ToArray());
      }
      finally
      {
        g.Dispose();
        image.Dispose();
    }
  }

好了,就到这里了,有问题或者不正确的可以指正,我每天都会看一次。谢谢,希望对你有帮助。

说一下,这个代码的格式化 ,太麻烦了,每次都要一行一行的tab键。

时间: 2024-09-30 16:08:06

图形验证码的生成(数字和英文大小写)和提交验证的相关文章

ASP.NET图形验证码的生成

效果: 调用方法: int[] r = QAPI.VerifImage.RandomList();//取得随机数种子列 string vcode = QAPI.VerifImage.CreateVCode(r, 4);//产生验证码字符 pictureBox1.Image = QAPI.VerifImage.CreateVerifImage(vcode, r, true, true, TextRenderingHint.AntiAlias);//生成 //-----ASP.NET中上面最后一句改

java图形验证码实现

前言 本文首发于公众号[我的小碗汤]本公众号免费提供csdn下载服务,海量IT学习资源,如果你准备入IT坑,励志成为优秀的程序猿,那么这些资源很适合你,包括但不限于java.go.python.springcloud.elk.嵌入式 .大数据.面试资料.前端 等资源.扫码关注: 正文 今天来学习下图形验证码的生成,首先依赖开源组件: <dependency> <groupId>com.github.penggle</groupId> <artifactId>

python 生成图形验证码

文章链接:https://mp.weixin.qq.com/s/LYUBRNallHcjnhJb1R3ZBg 日常在网站使用过程中经常遇到图形验证,今天准备自己做个图形验证码,这算是个简单的功能,也适合新手练习的,便于自己学习. 主要用到的库--PIL图像处理库,简单的思路,我们需要随机的颜色,随机的数字或字母,随机的线条.点作为干扰元素 拼凑成一张图片. 生成随机颜色,返回的是rgb三色. def getRandomColor(): r = random.randint(0, 255) g =

随机生成数字验证码

protected void Page_Load(object sender, EventArgs e) { // 生成验证码 string checkCode = RandLetter(4); // 把新的验证码保存到Session中 Session["CheckCode"] = checkCode; // 输入验证码 CreateImages(checkCode); } /// <summary> /// 生成验证图片 /// </summary> ///

生成图形验证码

介绍生成两种类型的图形验证码: 1.普通的随机字符串;  2.随机运算表达式 图形验证码类: /// <summary> /// 图形验证码类 /// </summary> public class PicCaptcha { #region Constructed Methods /// <summary> /// 默认构造方法 /// </summary> public PicCaptcha() { } /// <summary> ///构造方

Servlet仿CSDN动态验证码的生成-带数字和字母

林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankaka 一.实现的思路: (1)首先,须要创建一个Servlet.该Servlet通过字节型响应给client返回一个图片.该图片是通过JDK中Java 2D的类库来生成一个图片. 图片的生成是依靠一个随机数来完毕,然后将这个随机数写成图片格式.最后在Session将这个随机的字符串的状态保持住,以便在用户填写后进行对照. (2)其次,在须要加入验证码的JSP页面中,通过<img src="生

图形验证码生成方法

图形验证码生成方法@RequestMapping("/verification")public void valicode(HttpServletResponse response, HttpSession session) throws Exception { //利用图片工具生成图片 //第一个参数是生成的验证码,第二个参数是生成的图片 Object[] objs = VerifyUtil.createImage(); String codeKey = "IMAGECOD

python web框架Flask——图形验证码及验证码的动态刷新

下列代码都是以自己的项目实例讲述的,相关的文本内容很少,主要说明全在代码注释中 自制图形验证码 这里所说的图形验证码都是自制的图形,通过画布.画笔.画笔字体的颜色绘制而成的.将验证码封装成一个类比较好管理,代码里有绝对详细的注释,当然大家可以直接复制. 里面涉及的字体都是从系统电脑上自带的,大家直接复制当前目录下就可以了. 主目录/utils/captcha/__init__.py import random import string # Image:一个画布 # ImageDraw:一个画笔

struts2中验证码的生成和使用

第一步生产字符串: package com.yancode.demo; import java.util.Arrays; /* * 一步一步来,要生成验证码图片,首先要有验证码,然后才能在画在图片上.为了能够灵活控制验证码, * 特别编写了SecurityCode类,它向外提供随机字符串.并且可以控制字符串的长度和难度. * SecurityCode类中提供的验证码分三个难度,易(全数字).中(数字+小写英文).难(数字+大小写英文). * 难度使用枚举SecurityCodeLevle表示,避