ASP.NET Web Forms 文件上传

17 Mar 2025 | 阅读 2 分钟

这是一个用于将文件上传到服务器的输入控制器。它在表单上创建一个浏览按钮，该按钮弹出一个窗口，用于从本地计算机选择文件。

要实现FileUpload，我们可以从 Visual Studio 的工具箱中拖动它。

这是一个服务器端控件，ASP.NET 提供了自己的标签来创建它。示例如下。

服务器将其呈现为 HTML 控件，并生成以下代码到浏览器。

此控件有自己的属性，如下表所示。

属性	描述
AccessKey	它用于为控件设置键盘快捷键。
TabIndex	控件的 Tab 键顺序。
BackColor	它用于设置控件的背景颜色。
BorderColor	它用于设置控件的边框颜色。
BorderWidth	用于设置控件边框的宽度。
Font	它用于设置控件文本的字体。
ForeColor	它用于设置控件文本的颜色。
文本	它用于设置要为控件显示的文本。
ToolTip	当鼠标悬停在控件上时，它会显示文本。
Visible	设置控件在表单上的可见性。
高度	它用于设置控件的高度。
宽度	它用于设置控件的宽度。
AllowMultiple	它用于通过设置为 true 或 false 来允许上传多个文件。

FileUpload 属性窗口

示例

在这里，我们正在 Web 表单中实现文件上传控件。

// WebControls.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebControls.aspx.cs" 
Inherits="WebFormsControlls.WebControls" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <p>Browse to Upload File</p>
            <asp:FileUpload ID="FileUpload1" runat="server" />
        </div>
        <p>
            <asp:Button ID="Button1" runat="server" Text="Upload File" OnClick="Button1_Click" />
        </p>
    </form>
    <p>
        <asp:Label runat="server" ID="FileUploadStatus"></asp:Label>
    </p>
</body>
</html>

代码

// WebControls.aspx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WebFormsControlls
{
    public partial class WebControls : System.Web.UI.Page
    {
        protected System.Web.UI.HtmlControls.HtmlInputFile File1;
        protected System.Web.UI.HtmlControls.HtmlInputButton Submit1;
        protected void Page_Load(object sender, EventArgs e)
        {
        }
        protected void Button1_Click(object sender, EventArgs e)
        {
            if ((FileUpload1.PostedFile != null) && (FileUpload1.PostedFile.ContentLength > 0))
            {
                string fn = System.IO.Path.GetFileName(FileUpload1.PostedFile.FileName);
                string SaveLocation = Server.MapPath("upload") + "\\" + fn;
                try
                {
                    FileUpload1.PostedFile.SaveAs(SaveLocation);
                    FileUploadStatus.Text = "The file has been uploaded.";
                }
                catch (Exception ex)
                {
                    FileUploadStatus.Text = "Error: " + ex.Message;
                }
            }
            else
            {
                FileUploadStatus.Text = "Please select a file to upload.";
            }
        }
    }
}

在项目中创建一个目录以存储上传的文件，就像我们在下面的屏幕截图中做的那样。

输出