ASP.NET ashx實現無刷新頁面生成驗證碼

 更新時間:2018年09月26日 11:46:17   作者:AnneHan   我要評論

這篇文章主要為大家詳細介紹了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 票據簡單應用

    asp.net票據應用實例代碼。
    2009-03-03
  • .net中string無重復數字的實現方法

    .net中string無重復數字的實現方法

    今天做項目的時候,用js獲得了勾選的checkbox放在了hiddenfile里,然而hiddenfile的值變成了類似:“1,1,1,3,3,2,4,5,5,5”,后臺獲取的時候,只保留不重復的數字,于是想了一想;直接上代碼了。
    2013-04-04
  • 微信語音上傳 下載功能實例代碼

    微信語音上傳 下載功能實例代碼

    這篇文章主要介紹了微信語音上傳 下載功能實例代碼,需要的朋友可以參考下
    2017-08-08
  • ASP.NET生成樹形顯示的GridView實現思路

    ASP.NET生成樹形顯示的GridView實現思路

    生成樹形結構的表格數據(EasyUI也有TreeGrid,此處只是提供一個思路),可以擴展單擊展開/收縮節點,喜歡的朋友可以了解下啊,或許本文對你學習GridView有所幫助
    2013-02-02
  • .Net Compact Framework開發小技巧 推薦

    .Net Compact Framework開發小技巧 推薦

    這篇文章對于.Net Compact Framework開發的朋友有一定的幫助,內容比較實用。
    2009-02-02
  • 使用HtmlAgilityPack XPath 表達式抓取博客園數據的實現代碼

    使用HtmlAgilityPack XPath 表達式抓取博客園數據的實現代碼

    使用HtmlAgilityPack XPath表達式來抓取博客園數據使用WebClient 下載數據,HtmlAgilityPack XPath表達式解析數據,并綁定到Repeater控件
    2011-12-12
  • ASP.NET返回上一頁面的實現代碼

    ASP.NET返回上一頁面的實現代碼

    今天用ASP.NET做一個類似淘寶中的訂單管理系統,遇到的問題:主界面通過一個超鏈接跳轉到子界面后,試了好長時間還是無法從子界面返回主界面。
    2011-04-04
  • asp.net開發中常見公共捕獲異常方式總結(附源碼)

    asp.net開發中常見公共捕獲異常方式總結(附源碼)

    這篇文章主要介紹了asp.net開發中常見公共捕獲異常方式總結,結合實例形式較為詳細的分析了asp.net捕獲異常的相關技巧,并提供了完整的實例代碼供讀者下載參考,需要的朋友可以參考下
    2015-11-11
  • ASP.NET Core+Docker+Jenkins實現持續集成的完整實例

    ASP.NET Core+Docker+Jenkins實現持續集成的完整實例

    這篇文章主要給大家介紹了關于ASP.NET Core+Docker+Jenkins實現持續集成的相關資料,文中通過示例代碼介紹的非常詳細,對大家學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2018-05-05
  • c#委托與事件(詳解)

    c#委托與事件(詳解)

    本文中,我將通過兩個范例由淺入深地講述什么是委托、為什么要使用委托、事件的由來、.Net Framework中的委托和事件、委托和事件對Observer設計模式的意義,對它們的中間代碼也做了討論
    2012-12-12

最新評論

辽宁35选7开奖结果