現在有很多網頁，它們都會有個圖形驗證的功能。
有時候可能會出現在加入會員，
有時候可能會出現在發表問題、論壇等，
主要就是防止別人使用「程式」來胡作非為，
畢竟，加了一個圖形驗證，是用肉眼來辨識的，
「程式」要突破，就比較難了~~~(或許根本沒法做到)。
那現在，我們來看看這功能是如何達成的。
要產生如此的畫面，建議使用二個網頁，
一個是主畫面，另一個是負責畫圖的。
以下採用
「Default.aspx」:主畫面
「Default2.aspx」:畫圖的網頁
來制作
程式碼 Default.aspx.cs
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Drawing;//畫圖相關的類別
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
//產生圖形
BindIMG();
}
}
#region 產生圖形
private void BindIMG()
{
//定義圖形大小、圖形解析度
Bitmap BMP = new Bitmap(300, 100,System.Drawing.Imaging.PixelFormat.Format24bppRgb );
Graphics formGraphics = Graphics.FromImage(BMP);
//內填滿
formGraphics.FillRectangle(new SolidBrush(Color.PaleGoldenrod
), 0, 0, 300, 100);
string drawString = "";
//用亂數取六位數
Random rnd = new Random();
for (int i = 0; i < 6; i++)
{
drawString += string.Format("{0} ", rnd.Next(9));//產生小於10的整數
}
//定義字型，大小
Font drawFont = new Font("Comic Sans MS", 32);
//定義筆刷顏色
SolidBrush drawBrush = new SolidBrush(Color.YellowGreen
);
//座標位置
Single x = 20;
Single y = 15;
//畫出內容
formGraphics.DrawString(drawString, drawFont, drawBrush, x, y);
//釋出資源
drawFont.Dispose();
drawBrush.Dispose();
formGraphics.Dispose();
//將繪圖相關存到session，在另一個網頁拿來用
Session["BMP"] = BMP;
//由另一個網頁輸出
Image1.ImageUrl = "Default2.aspx";
}
#endregion
}
|
程式碼 Default2.aspx.cs
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Drawing;
using System.IO;
public partial class Default2 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//利用剛剛存到session的圖片讀出
Bitmap BMP = (Bitmap)Session["BMP"];
MemoryStream tempStream = new
MemoryStream();
//將圖片存到記憶體
BMP.Save(tempStream,System.Drawing.Imaging.ImageFormat.Png);
Response.ClearContent();
Response.ContentType = "image/png";
Response.BinaryWrite(tempStream.ToArray());//將圖片用二進位輸出
Response.End();
}
}
|
由於圖片是根據我們製作的「drawString」字串畫出來的，
接下來若要判斷的話，我們則使用它來比對使用者輸入的文字即可。
沒有留言:
張貼留言