ASP.NET Tutorial
ASP.NET HOME ASP.NET IntroWP Tutorial
WebPages Intro WebPages Razor WebPages Layout WebPages Folders WebPages Global WebPages Forms WebPages Objects WebPages Files WebPages Helpers WebPages WebGrid WebPages Charts WebPages Email WebPages PHP WebPages Publish WebPages ExamplesWP References
WebPages Classes WebPages Security WebPages Database WebPages WebMail WebPages HelpersASP.NET Razor
Razor Intro Razor Syntax Razor C# Variables Razor C# Loops Razor C# Logic Razor VB Variables Razor VB Loops Razor VB LogicASP.NET MVC
MVC Intro MVC Application MVC Folders MVC Layout MVC Controllers MVC Views MVC Database MVC Models MVC Security MVC HTML Helpers MVC Publish MVC ReferenceWF Tutorials
WebForms Intro WebForms Pages WebForms Controls WebForms Events WebForms Forms WebForms ViewState WebForms TextBox WebForms Button WebForms Data Binding WebForms ArrayList WebForms Hashtable WebForms SortedList WebForms XML Files WebForms Repeater WebForms DataList WebForms DbConnection WebForms Master Pages WebForms Navigation WebForms ExamplesWF References
WebForms HTML WebForms Controls WebForms ValidationASP.NET HtmlInputFile Control
HTML Server Controls
Definition and Usage
The HtmlInputFile control is used to control an <input type="file"> element. In HTML, this element is used to upload a file to the server.
Properties
| Property | Description |
|---|---|
| Accept | List of acceptable MIME types |
| Attributes | Returns all attribute name and value pairs of the element |
| Disabled | A Boolean value that indicates whether or not the control should be disabled. Default is false |
| id | A unique id for the element |
| MaxLength | The maximum number of characters allowed in this element |
| Name | The name of the element |
| PostedFile | Gets access to the posted file |
| runat | Specifies that the element is a server control. Must be set to "server" |
| Size | The width of the element |
| Style | Sets or returns the CSS properties that are applied to the control |
| TagName | Returns the element tag name |
| Type | The type of the element |
| Value | The value of the element |
| Visible | A Boolean value that indicates whether or not the control should be visible |
Example
Declare one HtmlInputFile control, one HtmlInputButton control, and three HtmlGeneric controls in an .aspx file (remember to embed the controls inside an HtmlForm control). When the submit button is triggered, the submit subroutine is executed. The file name and file type are displayed on the page, while the file itself is uploaded to the c directory on the server:
<script runat="server">
Sub submit(Sender as Object, e as EventArgs)
fname.InnerHtml=MyFile.PostedFile.FileName
clength.InnerHtml=MyFile.PostedFile.ContentLength
MyFile.PostedFile.SaveAs("c:\uploadfile.txt")
End Sub
</script>
<html>
<body>
<form method="post"
enctype="multipart/form-data" runat="server">
<p>
Select file to upload to server:
<input id="MyFile" type="file" size="40" runat="server">
</p>
<p>
<input type="submit" value="Upload!" OnServerclick="submit"
runat="server">
</p>
<p>
<div runat="server">
FileName: <span id="fname" runat="server"/><br />
ContentLength: <span id="clength" runat="server"/> bytes
</div>
</p>
</form>
</body>
</html>
Sub submit(Sender as Object, e as EventArgs)
fname.InnerHtml=MyFile.PostedFile.FileName
clength.InnerHtml=MyFile.PostedFile.ContentLength
MyFile.PostedFile.SaveAs("c:\uploadfile.txt")
End Sub
</script>
<html>
<body>
<form method="post"
enctype="multipart/form-data" runat="server">
<p>
Select file to upload to server:
<input id="MyFile" type="file" size="40" runat="server">
</p>
<p>
<input type="submit" value="Upload!" OnServerclick="submit"
runat="server">
</p>
<p>
<div runat="server">
FileName: <span id="fname" runat="server"/><br />
ContentLength: <span id="clength" runat="server"/> bytes
</div>
</p>
</form>
</body>
</html>
HTML Server Controls
W3Schools' Online Certification
The perfect solution for professionals who need to balance work, family, and career building.
More than 10 000 certificates already issued!
The HTML Certificate documents your knowledge of HTML.
The HTML5 Certificate documents your knowledge of advanced HTML5.
The CSS Certificate documents your knowledge of advanced CSS.
The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.
The jQuery Certificate documents your knowledge of jQuery.
The XML Certificate documents your knowledge of XML, XML DOM and XSLT.
The ASP Certificate documents your knowledge of ASP, SQL, and ADO.
The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
