asp html 控件上传,asp.net web表单文件上传fileupload

本文概述

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

要实现FileUpload,我们可以将其从Visual Studio的工具箱中拖动。

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

< asp:FileUpload ID="FileUpload1" runat="server"/>

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

该控件具有自己的属性,如下表所示。

属性描述

AccessKey用于设置控件的键盘快捷键。

TabIndex控件的制表符顺序。

BackColor用于设置控件的背景色。

BorderColor用于设置控件的边框颜色。

BorderWidth用于设置控件边框的宽度。

Font用于设置控制文本的字体。

ForeColor用于设置控件文本的颜色。

Text它用于设置要为控件显示的文本。

ToolTip当鼠标悬停在控件上时, 它将显示文本。

Visible在窗体上设置控件的可见性。

Height用于设置控件的高度。

Width用于设置控件的宽度。

AllowMultiple通过将true或false设置为允许上传多个文件。

FileUpload属性窗口

005de6e121ed73dc23777e68419882c3.png

在这里,我们正在以Web形式实现文件上传控制。

// WebControls.aspx

Inherits="WebFormsControlls.WebControls" %>

Browse to Upload File

// 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.";

}

}

}

}

像在下面的屏幕快照中一样,在项目中创建一个目录来存储上载的文件。

输出:

3ac8ca3a14b083742e2b96a790eb96a8.png

输出:

运行代码,它将产生以下输出。

28882baa3c4df574c05d6a9b1a7ce66b.png

我们正在上传文件c

70dafac0556ff0832dcefb815c7064ef.png

上载后,它将显示成功上传文件的消息,如以下屏幕截图所示。

c826b13ce8c754cf464511448873fff5.png

该文件存储在上载文件夹中。在文件夹中查看,它显示了已上传的文件。

500dd34a469c7a6a39176b7589470e1d.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值