ASP.NET ashx實(shí)現(xiàn)無刷新頁面生成驗(yàn)證碼
現(xiàn)在大部分網(wǎng)站登陸時(shí)都會(huì)要求輸入驗(yàn)證碼,在網(wǎng)上也看了一些范例,現(xiàn)在總結(jié)一下如何實(shí)現(xiàn)無刷新頁面生成驗(yàn)證碼。
效果圖:

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

