程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> 關於.NET >> 圖形驗證碼的生成(數字和英文大小寫)和提交驗證,驗證碼大小寫

圖形驗證碼的生成(數字和英文大小寫)和提交驗證,驗證碼大小寫

編輯:關於.NET

圖形驗證碼的生成(數字和英文大小寫)和提交驗證,驗證碼大小寫


最初接觸時,感覺很好玩,然後就自己研究了下,做了個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鍵。

 

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved