A Simple Multi-File Upload Form
On a website I'm working on, users will often have a need to upload their own files to the web server. While I could give each user an FTP account to use, it's much easier to just build this into the administrative section of the website.
For this example, I have placed five HtmlInputFile controls (with the runat="server" flag) on my page. I also have a dropdown list that will allow you to choose which directory the files will upload to. A label control will be used to display the result of each file operation. Below is a screenshot of this form on my page:
To create this form, first here is what goes on the ASPX file.
<asp:Label ID="lblUploadMessage" runat="server" />
<div class="PageHeading">Upload Files</div>
<br />
Use the below form to upload files to the web server. You may upload up to five files at once.<br />
<br />
<br />
Upload files to:
<asp:DropDownList ID="ddlDirectory" runat="server">
<asp:ListItem Value="images" Text="Images" />
<asp:ListItem Value="documents" Text="Documents" />
</asp:DropDownList>
<br />
<br />
<input ID="myFile1" type="File" runat="Server" size="50" /><br />
<input ID="myFile2" type="File" runat="Server" size="50" /><br />
<input ID="myFile3" type="File" runat="Server" size="5
This article has been view 1204 times.
|