asp.net如何利用ashx產生圖形驗證碼的實例-C#.Net教程-PHP中文網

首頁

後端開發

C#.Net教程

asp.net如何利用ashx產生圖形驗證碼的實例

黄舟

Jul 26, 2017 pm 03:29 PM

asp.net產生

這篇文章主要介紹了asp.net使用ashx產生圖形驗證碼的方法,結合實例形式分析了asp.net產生圖形驗證碼的步驟、實作方法與相關注意事項,需要的朋友可以參考下

本文實例講述了asp.net使用ashx產生圖形驗證碼的方法。分享給大家供大家參考，具體如下：

驗證碼的好處不用我多說，你們都懂的。我在網路上看到有人把驗證碼直接寫在aspx頁面裡，也就是說這種方式請求驗證碼等於請求一個頁面，這樣做很不科學。如下圖

<form id="form1" runat="server">
  <p>
    <asp:Image ID="Image1" runat="server" ImageUrl="Default.aspx" />
    <br />
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
  </p>
</form>

這個程式碼看著就覺得寫程式碼的人比較欠揍，程式碼寫成這樣子著實鬱悶。驗證嗎也不寫點script做下切換。

下面我介紹一個方式來實現這樣的功能

1. 寫個ashx產生圖形驗證碼

using System;
using System.Collections;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Xml.Linq;
using System.Web.SessionState;
using System.Drawing;
namespace usechecknum.ashx
{
  /// <summary>
  /// $codebehindclassname$ 的摘要说明
  /// </summary>
  [WebService(Namespace = "http://tempuri.org/")]
  [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
  public class doCreateNum : IHttpHandler,IRequiresSessionState
  {
    public void ProcessRequest(HttpContext context)
    {
      context.Response.ContentType = "text/html";
      string checkCode = GetValidation(5); // 产生5位随机验证码字符
      context.Session["Code"] = checkCode; //将字符串保存到Session中，以便需要时进行验证
      System.Drawing.Bitmap image = new System.Drawing.Bitmap(70, 22);
      Graphics g = Graphics.FromImage(image);
      try
      {
        //生成随机生成器
        Random random = new Random();
        //清空图片背景色
        g.Clear(Color.White);
        // 画图片的背景噪音线
        int i;
        for (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.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);
        //画图片的前景噪音点
        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);
        context.Response.ClearContent();
        context.Response.ContentType = "image/Gif";
        context.Response.BinaryWrite(ms.ToArray());
      }
      finally
      {
        g.Dispose();
        image.Dispose();
      }
    }
    public string GetValidation(int num)
    {
      string str = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ"; //"或者写汉字也行"
      string validatecode = "";
      Random rd = new Random();
      for (int i = 0; i < num; i++)
      {
        validatecode += str.Substring(rd.Next(0, str.Length), 1);
      }
      return validatecode;
    }
    public bool IsReusable
    {
      get
      {
        return false;
      }
    }
  }
}

2.在頁面上顯示驗證碼，因為我們產生的是圖形，所以可以直接寫在 asp.net如何利用ashx產生圖形驗證碼的實例標籤裡，我們只要寫段簡單的腳本就可以點擊滑鼠切換驗證碼了

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="usechecknum._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
  <title>验证码的使用</title>
</head>
<script language="javascript" type="text/javascript">
  function changeCode() {
    var imgNode = document.getElementById("vimg");
    imgNode.src = "ashx/doCreateNum.ashx?t=" + (new Date()).valueOf(); // 这里加个时间的参数是为了防止浏览器缓存的问题
  }
  </script>
<body>
  <form id="form1" runat="server">
   请输入验证码:<input type="text" name="checknum"/><img  src="/static/imghwm/default1.png"  data-src="ashx/doCreateNum.ashx"  class="lazy"   id="vimg" onclick="changeCode()" / alt="asp.net如何利用ashx產生圖形驗證碼的實例" >
  </form>
</body>
</html>

說了半天，該是時候看看生成的驗證碼長什麼樣子了

以上是asp.net如何利用ashx產生圖形驗證碼的實例的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

C＃.NET用於網絡，桌面和移動開發Apr 25, 2025 am 12:01 AM

C#和.NET適用於Web、桌面和移動開發。 1)在Web開發中，ASP.NETCore支持跨平台開發。 2)桌面開發使用WPF和WinForms，適用於不同需求。 3)移動開發通過Xamarin實現跨平台應用。

C＃.NET生態系統：框架，庫和工具Apr 24, 2025 am 12:02 AM

C#.NET生態系統提供了豐富的框架和庫，幫助開發者高效構建應用。 1.ASP.NETCore用於構建高性能Web應用，2.EntityFrameworkCore用於數據庫操作。通過理解這些工具的使用和最佳實踐，開發者可以提高應用的質量和性能。

將C＃.NET應用程序部署到Azure/AWS：逐步指南Apr 23, 2025 am 12:06 AM

如何將C#.NET應用部署到Azure或AWS？答案是使用AzureAppService和AWSElasticBeanstalk。 1.在Azure上，使用AzureAppService和AzurePipelines自動化部署。 2.在AWS上，使用AmazonElasticBeanstalk和AWSLambda實現部署和無服務器計算。

C＃.NET：強大的編程語言簡介Apr 22, 2025 am 12:04 AM

C#和.NET的結合為開發者提供了強大的編程環境。 1）C#支持多態性和異步編程，2）.NET提供跨平台能力和並發處理機制，這使得它們在桌面、Web和移動應用開發中廣泛應用。

.NET框架與C＃：解碼術語Apr 21, 2025 am 12:05 AM

.NETFramework是一個軟件框架，C#是一種編程語言。 1..NETFramework提供庫和服務，支持桌面、Web和移動應用開發。 2.C#設計用於.NETFramework，支持現代編程功能。 3..NETFramework通過CLR管理代碼執行，C#代碼編譯成IL後由CLR運行。 4.使用.NETFramework可快速開發應用，C#提供如LINQ的高級功能。 5.常見錯誤包括類型轉換和異步編程死鎖，調試需用VisualStudio工具。