In the following blog post, you will learn what is file upload control and how to implement file upload control in asp.net c# with example. The FileUpload control was introduced in ASP.NET 2.0.
What is file upload control in ASP.Net?
The FileUpload control allows the user to browse for and select the file to be uploaded, providing a browse button and a text box for entering the filename.
Properties
- FileBytes
- FileContent
- FileName
- SaveAs
- PostedFile
The FileUpload control provides the HttpPostedFile class. Its has the following properties:
- ContentLength
- ContentType
- FileName
- InputStream
- SaveAs
File Upload Control in ASP.NET C# with Example
The following example shows how to use an ASP.NET FileUpload control to browse files and upload them to the Web server. Let’s get started by creating a new web application using the visual studio.
- You may also like How to Upload File in ASP.NET Core MVC
To create a control, simply drop the FileUpload control from Toolbox to a Web page. The following code adds FileUpLoad control:
<asp:FileUpload ID="fileUpload1" runat="server" />
To support file upload, we need to add a Link Button control:
<asp:LinkButton ID="OnLnkUpload" runat="server" OnClick="OnLnkUpload_Click">Upload</asp:LinkButton></td>
Now on this button click event handler, we need to call the SaveAs method of FileUpLoad control, which takes a full path where the file will be uploaded. Find the below full source code:-
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_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>Upload and Download files from Folder (Directory) in ASP.Net using C#</title>
</head>
<body>
<form id="form1" runat="server">
<h2>File Upload and Download in ASP.NET C#</h2>
<div>
<table style="padding: 20px; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: medium; border: 1px solid black;" width="60%" cellpadding="25">
<tr>
<td>
<asp:Label ID="lblFilename" runat="server" Text="Browse:"></asp:Label>
</td>
<td>
<asp:FileUpload ID="fileUpload1" runat="server" />
</td>
<td>
<asp:LinkButton ID="OnLnkUpload" runat="server" OnClick="OnLnkUpload_Click"
Font-Underline="False" Font-Size="11pt">Upload</asp:LinkButton></td>
<td>
<asp:LinkButton ID="OnLnkDownload" runat="server" OnClick="OnLnkDownload_Click"
Font-Underline="False" Font-Size="11pt">Download</asp:LinkButton></td>
</tr>
<tr>
<td colspan="4">
<asp:Label ID="lblMessage" runat="server" ForeColor="#009900"></asp:Label></td>
</tr>
</table>
</div>
</form>
</body>
</html>using System;
using System.IO;
public partial class _Default : System.Web.UI.Page
{
string filename = string.Empty;
protected void Page_Load(object sender, EventArgs e)
{ }
//To upload file
protected void OnLnkUpload_Click(object sender, EventArgs e)
{
filename = Path.GetFileName(fileUpload1.PostedFile.FileName);
fileUpload1.SaveAs(Server.MapPath("Files/" + filename));
lblFilename.Text = "Files/" + fileUpload1.FileName;
lblMessage.Text = "File uploaded sucessfully to the folder: -" + " Files/" + fileUpload1.FileName;
}
// To download uplaoded file
protected void OnLnkDownload_Click(object sender, EventArgs e)
{
if (lblFilename.Text != string.Empty)
{
if (lblFilename.Text.EndsWith(".txt"))
{
Response.ContentType = "application/txt";
}
else if (lblFilename.Text.EndsWith(".pdf"))
{
Response.ContentType = "application/pdf";
}
else if (lblFilename.Text.EndsWith(".docx"))
{
Response.ContentType = "application/docx";
}
else
{
Response.ContentType = "image/jpg";
}
string filePath = lblFilename.Text;
Response.AddHeader("Content-Disposition", "attachment;filename=\"" + filePath + "\"");
Response.TransmitFile(Server.MapPath(filePath));
Response.End();
}
}
}Note: In the same way you can upload multiple files in ASP.NET by setting the AllowMultiple=” true” property as shown below:-
<asp:FileUpload ID="fileUpload1" AllowMultiple=" true" runat="server" />
Conclusion
I hope you liked this article on the file upload control in asp.net. I would like to have feedback from my blog readers. Your valuable feedback, question, or comments about this article are always welcome.
Provide a full functional project instead of just the source code only !
Thanks for your suggestion. I have uploaded all of the fully functional projects and you can find them here: https://dotnettec.com/shop/