ASP.NET File Upload Example

原创 2001年06月14日 14:17:00

ASP.NET File Upload Example

Jose M. Esteban
March 28, 2001

Level: Beginner/Intermediate

Download Source Code

ASP.NET provides an easy mechanism to upload files from a Web Browser to a Web Server. The class HtmlInputFile allows to handle programmatically the information submitted by the INPUT control of the type file, e.g., <input type"file">. Remember that the Input control of type file is only available in Web Browsers that support HMTL 3.2 and later versions. This HTML version is supported by IE 3.02 and Netscape 3.0 and their later versions.

There are two objects that you will use to upload files. One is the INPUT control in the Web Browser and the other is the HtmlInputFile object in the server. The INPUT control will be embedded inside a form that will post the information encoded in a format suitable for a file transfer over the Internet. The INPUT control will also load the selected  file into the Web Browser's memory,  and will allow access to the HtmlInputFile object in the code that runs in the server through the INPUT control's ID. I.e., you use the ID of the INPUT control as the reference to the HtmlInputFile object in the code that runs at the server.

To upload a file, the form must post the data with the code format multiform/form-data instead of the default application/x-www-form-urlencoded that sends the form elements in a name/value pair base. This restriction arises from the types of formats that an object of the class HtmlInputFile is capable of processing and the characters that can traverse the Internet without confusing the network devices and software. The following example shows how to set the encoding format of a form:

<input type=file id=loFile enctype="multipart/form-data"

Once the data is submitted to the server, the object of the class HtmlInputFile exposes the property PostedFile, with an object of the type HttpPostedFile, that contains the raw file stream and the attributes of the file, such as, file length, file type, file name. But most important, the PostedFile object has the SaveAs method that allows to save the uploaded file to a local directory in the web server. You can also limit the type of the files you will allow users to upload by setting the Access property of the HtmlInputFile object, and you can also discard files base on the length by using the PostedFile.ContentLength property. The following example shows how to restrict the upload of video files. The ID loFile is the ID of the INPUT control.

loFile.Acess = "video/*" 

The example that follows shows how to enable a web form for file uploads and how to answer back to the user with a message and information about the file that was just uploaded. The web form is contained in a panel (FileUploadForm) that is initially visible and the answer is presented in a panel (AnswerMsg) that is initially disable. Once the file is uploaded, the web form panel is set to invisible and the message panel is set to visible.

The event that handles the submitted form runs at the server as indicated by the Submit INPUT tag:

<input type="submit" value="Upload" OnServerClick="UploadFile_Clicked" runat="server" ID=Submit1>

The Directory and File classes allow to create a folder to contain the uploaded files and to get the name of the uploaded file filtering the path. In order to use this classes we need to include the System.IO name space, we can do so by including the import directive. This entry allows the upload the name space into the web form application, for more information on this topic read the article How to Manipulate Files in ASP.NET:

<%@ Import Namespace="System.IO" %>

For those of you that were familiar with uploading files in ASP, the HtmlInputFile class free us from the need of third party components to process the multipart data stream.

 

Demo this code

<%@ Import Namespace="System.IO" %>
<html>
  <SCRIPT LANGUAGE="VB" RUNAT="SERVER" ID=SCRIPT1>
    Sub UploadFile_Clicked(Sender as Object, e as EventArgs)
	Dim lstrFileName as string
	Dim lstrFileNamePath as string
	Dim lstrFileFolder as string

	lstrFileFolder = "C:/TempUploadedFiles/"
	
	'Gets the file name
	lstrFileName = loFile.PostedFile.FileName
	lstrFileName = File.GetFileNameFromPath(lstrFileName)
	
	'Creates the folder if it does not exists
	If (not Directory.DirectoryExists(lstrFileFolder)) Then
		Directory.CreateDirectories(lstrFileFolder)
	End If
	
	'Save Uploaded file to server
	lstrFileNamePath = lstrFileFolder & lstrFileName
	loFile.PostedFile.SaveAs(lstrFileNamePath)
	
	'Sets the answer
	FileName.Text = lstrFileName
	FileType.Text = loFile.PostedFile.ContentType
	FileLength.Text = cStr(loFile.PostedFile.ContentLength)
	FileUploadForm.visible = false
	AnswerMsg.visible = true
    End sub
  </SCRIPT>

<BODY>

  <ASP:panel id="FileUploadForm" visible="true" runat="server">
     <form action="UploadFile.aspx" method="post" 
           enctype="multipart/form-data" 
           runat="server" ID=Form1>

	<h1>ASP.NET File Upload Example</h1>
	Select the File to Upload to the Server:<br>
	<input id="loFile" type="file" runat="server"><br>
	<input type="submit" value="Upload" 
               OnServerClick="UploadFile_Clicked" 
               runat="server" 
               ID=Submit1>

     </form>
  </ASP:panel>

  <ASP:panel id="AnswerMsg" visible="false" runat="server">
	Thanks your file <ASP:label id="FileName" runat="server" /> 
        has been uploaded<BR>
	We received <ASP:label id="FileLength" runat="server" /> 
        bytes of the type <ASP:label id="FileType" runat="server" />
   </ASP:panel>

</BODY>
</HTML>
	

 

 

 

ASP.NET File Upload Example

ASP.NET File Upload ExampleJose M. EstebanMarch 28, 2001Level: Beginner/IntermediateDownload Sourc...
  • hejishan
  • hejishan
  • 2008年03月11日 10:06
  • 207

ASP.NET File Upload Example

2001年06月14日 14:17:00 ASP.NET File Upload ExampleJose M. EstebanMarch 28, 2001Level: Beginner/Int...
  • softart
  • softart
  • 2007年10月27日 08:01
  • 191

在ASP.NET中实现多文件上传(三)---jQuery Multiple File Upload Plugin

前面两个用的是简单的js,最近在网上发现了很多好用的jQuery插件。简单易用,而且美观,但是如果想实现像hotmail那样上传的过程还有进度条那得需要再加其他工具了,比如fash,sliverlig...
  • woaizhoulichao1
  • woaizhoulichao1
  • 2011年12月17日 15:22
  • 924

Asp.net_文件上传控件FileUpload用法初步

1.aspx 1.aspx.cs //上传文件按钮 protected void ...
  • ls_man
  • ls_man
  • 2012年02月02日 09:27
  • 2949

File upload example in Jersey

In this tutorial, we show you how do to file upload with Jersey, JAX-RS implementation.1. Jersey Mul...
  • gmemai
  • gmemai
  • 2015年08月27日 11:53
  • 372

File upload example in RESTEasy

Not many complete file upload example in JAX-RS, especially RESTEasy. Here, we show you two complete...
  • gmemai
  • gmemai
  • 2015年08月27日 12:01
  • 484

简易ASP.NET上传控件

ASP.NET上传【下载Demo】:http://download.csdn.net/source/1428409功能介绍 1.支持大文件上传,无刷新即时进度显示2.可设置上传文件自动压缩或自动解压缩...
  • sytweibo
  • sytweibo
  • 2009年06月23日 14:53
  • 3408

Golang Multipart File Upload Example

http://matt.aimonetti.net/posts/2013/07/01/golang-multipart-file-upload-example/ The Go lan...
  • newjueqi
  • newjueqi
  • 2014年06月23日 11:58
  • 6761

Spring MVC File Upload Example

1.Create a new Maven project Go to File -> Project ->Maven -> Maven Project. New Maven Pro...
  • qjc_501165091
  • qjc_501165091
  • 2016年07月18日 21:26
  • 387

Spring MVC file upload example

Spring comes with MultipartResolver to handle file upload in web application. The CommonsMultipartRe...
  • qq_31230529
  • qq_31230529
  • 2015年09月14日 16:48
  • 499
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ASP.NET File Upload Example
举报原因:
原因补充:

(最多只允许输入30个字)