asp.net驗證碼圖片產生樣本

來源:互聯網
上載者:User
驗證碼是一張圖片。我們需要在前台代碼中寫一段<img>,src指向一張頁面(ValidateImage.aspx)。

<script language="javascript">        function changeImg() {            $("#imgCheckNo").attr("src", "ValidateImage.aspx?r=" + getRandom(999));        }        function getRandom(n) { return Math.floor(Math.random() * n + 1) }</script><div><img id="imgCheckNo" src="ValidateImage.aspx" style="border-color: #000000; border-width: 1px;border-style: Solid"> <span onclick="changeImg();">看不清?換一張</span> </div><div>   <div class="labelCss">驗證碼:</div><div><asp:TextBox ID="tbxCheckNo" runat="server" CssClass="tbxCss"></asp:TextBox></div><div><asp:Button ID="btnSubmit" runat="server" Text="立即註冊" OnClick="btnSubmit_Click" /></div>

ValidateImage.aspx 用來生產驗證碼圖片,並將驗證碼的碼值儲存到cookie中。
代碼如下:

public partial class ValidateImage : System.Web.UI.Page    {        protected void Page_Load(object sender, EventArgs e)        {            this.CreateCheckCodeImage(RndNum());        }        /// <summary>產生驗證碼        /// </summary>        /// <returns></returns>        private string RndNum()        {            int number;            char code;            string checkCode = String.Empty;            System.Random random = new Random();            for (int i = 0; i < 4; i++)            {                number = random.Next();                if (number % 2 == 0)                    code = (char)('0' + (char)(number % 10));                else                    code = (char)('A' + (char)(number % 26));                checkCode += code.ToString();            }            Response.Cookies.Add(new HttpCookie("yzmcode", checkCode));            return checkCode;        }        /// <summary>向頁面產生驗證碼Gif圖片        /// </summary>        /// <param name="checkCode"></param>        private void CreateCheckCodeImage(string checkCode)        {            if (checkCode == null || checkCode.Trim() == String.Empty)                return;            System.Drawing.Bitmap image = new System.Drawing.Bitmap((int)Math.Ceiling((checkCode.Length * 12.5)), 22);            Graphics g = Graphics.FromImage(image);            try            {                //產生隨機產生器                Random random = new Random();                //清空圖片背景色                g.Clear(Color.White);                //畫圖片的背景雜音線                for (int i = 0; i < 25; 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);                }                Font font = new System.Drawing.Font("Arial", 12, (System.Drawing.FontStyle.Bold | System.Drawing.FontStyle.Italic));                System.Drawing.Drawing2D.LinearGradientBrush brush = new System.Drawing.Drawing2D.LinearGradientBrush(new Rectangle(0, 0, image.Width, image.Height), Color.Blue, Color.DarkRed, 1.2f, true);                g.DrawString(checkCode, font, brush, 2, 2);                //畫圖片的前景噪音點                for (int i = 0; i < 100; 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);                System.IO.MemoryStream ms = new System.IO.MemoryStream();                image.Save(ms, System.Drawing.Imaging.ImageFormat.Gif);                Response.ClearContent();                Response.ContentType = "image/Gif";                Response.BinaryWrite(ms.ToArray());            }            finally            {                g.Dispose();                image.Dispose();            }        }    }

最後就是後台事件,判斷當前驗證碼是否正確。
代碼如下:

#region 頁面控制項事件        protected void btnSubmit_Click(object sender, EventArgs e)        {            if (String.Compare(Request.Cookies["yzmcode"].Value, tbxCheckNo.Text, true) != 0)            {                Response.Write("<script>alert('驗證碼錯誤!')</script>");            }            else            {               // Response.Write("<script>alert('驗證嗎正確!!!')</script>");            }        }  #endregion
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.