ASP.NET HtmlInputFile Control
Definition and Usage
The HtmlInputFile control is used to control the <input type="file"> element, which is used to upload files to the server.
Property
| Property | Description |
|---|---|
| Accept | List of acceptable MIME types. |
| Attributes | Returns all attribute names and value pairs of the element. |
| Disabled | Boolean value indicating whether the control is disabled. The default is false. |
| id | The unique id of the control. |
| MaxLength | The maximum number of characters allowed in the element. |
| Name | The name of the element. |
| PostedFile | Gains access to the uploaded file specified by the client. |
| runat | Must be set to "server" as it specifies that the control is a server control. |
| Size | The width of the element. |
| Style | Sets or returns the CSS properties applied to the control. |
| TagName | Returns the tag name of the element. |
| Type | The type of the element. |
| Value | The value of the element. |
| Visible | Boolean value indicating whether the control is visible. |
Example
In this example, we declare an HtmlInputFile control, an HtmlInputButton control, and three HtmlGeneric controls in the .aspx file. When the submit button is triggered, the submit subroutine is executed. When the file itself is uploaded to the c directory on the server, the file name and file type will be displayed on the page:
<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>
