本文概述
它是一个输入控制器,用于将文件上传到服务器。它在窗体上创建一个浏览按钮,该按钮弹出一个窗口以从本地计算机中选择文件。
要实现FileUpload,我们可以将其从Visual Studio的工具箱中拖动。
这是一个服务器端控件,ASP.NET提供了自己的标签来创建它。下面给出示例。
< asp:FileUpload ID="FileUpload1" runat="server"/>
服务器将其呈现为HTML控件,并向浏览器生成以下代码。
<input name="FileUpload1" id="FileUpload1" type="file">
该控件具有自己的属性,如下表所示。
属性 | 描述 |
---|---|
AccessKey | 用于设置控件的键盘快捷键。 |
TabIndex | 控件的制表符顺序。 |
BackColor | 用于设置控件的背景色。 |
BorderColor | 用于设置控件的边框颜色。 |
BorderWidth | 用于设置控件边框的宽度。 |
Font | 用于设置控制文本的字体。 |
ForeColor | 用于设置控件文本的颜色。 |
Text | 它用于设置要为控件显示的文本。 |
ToolTip | 当鼠标悬停在控件上时, 它将显示文本。 |
Visible | 在窗体上设置控件的可见性。 |
Height | 用于设置控件的高度。 |
Width | 用于设置控件的宽度。 |
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.";
}
}
}
}
像在下面的屏幕快照中一样,在项目中创建一个目录来存储上载的文件。
输出:
输出:
运行代码,它将产生以下输出。
我们正在上传文件c
上载后,它将显示成功上传文件的消息,如以下屏幕截图所示。
该文件存储在上载文件夹中。在文件夹中查看,它显示了已上传的文件。
评论前必须登录!
注册