ASP.NET ashx實現(xiàn)無刷新頁面生成驗證碼
現(xiàn)在大部分網(wǎng)站登陸時都會要求輸入驗證碼,在網(wǎng)上也看了一些范例,現(xiàn)在總結(jié)一下如何實現(xiàn)無刷新頁面生成驗證碼。
效果圖:
實現(xiàn)方式:
前臺:
<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+'?'"
之前一直不明白為什么要加一個?號,于是去網(wǎng)上搜索,參考一下前輩們的見解:
【這是表示當(dāng)前圖片鏈接,在當(dāng)前鏈接值的基礎(chǔ)上添加了一個問號
譬如當(dāng)前src="check.aspx",點擊后就變成了"check.aspx?",繼續(xù)點就會變成"check.aspx?????"
這個問號是沒有實際意義的,它唯一的作用是向IE表明: 圖片鏈接發(fā)生了變化,圖片需要刷新.】
【GET:當(dāng)客戶端要從服務(wù)器中讀取文檔時,使用GET方法。GET方法要求服務(wù)器將URL定位的資源放在響應(yīng)報文的數(shù)據(jù)部分,回送給客戶端。使用GET方法時,請求參數(shù)和對應(yīng)的值附加在URL后面,利用一個問號(“?”)代表URL的結(jié)尾與請求參數(shù)的開始,傳遞參數(shù)長度受限制。例如,/index.jsp?id=100&op=bind。
POST:當(dāng)客戶端給服務(wù)器提供信息較多時可以使用POST方法。POST方法將請求參數(shù)封裝在HTTP請求數(shù)據(jù)中,以名稱/值的形式出現(xiàn),可以傳輸大量數(shù)據(jù)。
this.src=this.src+'?'是將this.src原值后加上?,以便向服務(wù)器發(fā)送一個新的GET方法,從而獲取新的驗證碼】
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Asp.Net在線預(yù)覽Word文檔的解決方案與思路詳解
這篇文章主要介紹了Asp.Net在線預(yù)覽Word文檔的解決方案與思路,大致思路是先將Word文檔轉(zhuǎn)換Html,再預(yù)覽Html,需要注意電腦安裝Office,需要的朋友可以參考下2022-04-04LINQ操作數(shù)組代碼(交集,并集,差集,最值,平均,去重復(fù))
數(shù)組是大學(xué)里經(jīng)常拿來做算法練習(xí)的對象。一些經(jīng)典算法非常有價值,考試、裝逼、面試都十分有用。但現(xiàn)在是效率時代,編程講究生產(chǎn)效率,利用LINQ,可以讓程序猿避免寫一些基本算法,把精力花在業(yè)務(wù)處理上2012-02-02.NET/C#如何判斷某個類是否是泛型類型或泛型接口的子類型詳解
這篇文章主要給大家介紹了關(guān)于.NET/C#如何判斷某個類是否是泛型類型或泛型接口的子類型的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起看看吧2018-09-09ASP.NET全棧開發(fā)教程之在MVC中使用服務(wù)端驗證的方法
這篇文章主要給大家介紹了關(guān)于ASP.NET全棧開發(fā)教程之在MVC中使用服務(wù)端驗證的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-07-07.NetCore利用BlockingCollection實現(xiàn)簡易消息隊列
這篇文章主要介紹了.NetCore利用BlockingCollection實現(xiàn)簡易消息隊列,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-09-09.net indexOf(String.indexOf 方法)
字符串的IndexOf()方法搜索在該字符串上是否出現(xiàn)了作為參數(shù)傳遞的字符串,如果找到字符串,則返回字符的起始位置 (0表示第一個字符,1表示第二個字符依此類推)如果說沒有找到則返回 -12012-10-10AspNetCore&MassTransit?Courier實現(xiàn)分布式事務(wù)的詳細過程
MassTransit?Courier是一種用于創(chuàng)建和執(zhí)行帶有故障補償?shù)姆植际绞聞?wù)的機制,它可以用于滿足本地事務(wù)的需求,也可以在分布式系統(tǒng)中實現(xiàn)分布式事務(wù),這篇文章主要介紹了AspNetCore&MassTransit?Courier實現(xiàn)分布式事務(wù),需要的朋友可以參考下2022-10-10