Upload Files from an ASP.net Webpage

Fun Infused Games | Smooth Operator | Evil Scale | Starcraft Live | Wellplayed.net

RSS Feed Available

Home | Archive | Subscribe | Search | About

Posts prior to 8/2/2010 may be missing data. If you need one of those posts, please contact kriswd40@yahoo.com and I will try and recover/find it.

Upload Files from an ASP.net Webpage

11/25/2009 Tags

ASP.net, Tutorial

(2)

Often I find a need to upload files (ussually images) directly from a webpage to my web server. Sure I could use FTP or Visual Studio (Publish Website), but it's a heck of a lot easier if I have a simple webpage interface to do so.

The following code will allow you to upload as many as five files at once (this can easily be changed by simply adding or removing the file input controls from the page) and return whether the upload was successful or what errors were encountered.

In the .aspx file, setup the controls for entering your files and uploading them:

<b><font size=4>Upload Files</font></b><br />
<br />

<asp:Label ID="lblMessage" runat="server" ForeColor="Red" />

<asp:Panel ID="pnlUploadFiles" runat="server">
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: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
                    

                    
                    
                    
                    
                    
                    
                    

                    

                    
                    This article has been view 17 times.

Advertisement:

Comments

Tim Powell

11/26/2009 4:34:02 AM

This in my opinion isn't a fantastic example on how to upload multiple files but I do agree it works and there aren't many ways around this without adding in more XHTML.

We have being doing some research into uploading multiple files using AJAX and posting the file to the server. Unfortunately the only way we have managed to access the client details thus far is via FLASH & AJAX.

Hope this information helps you to create a new file upload that allows more than one file to be uploaded at a time without having to write extra code. :)"0"<

Kris

12/1/2009 7:11:50 AM

The reason I did the big loop in the code behind was so that all you need to do is drop in another input control and suddenly you can upload one more file, but that's not dynamic.

Something similar (but slicker) could be accomplished using AJAX to dynamically add new input controls (either automagically as one was filled in or with an "add file" button) and then use largely the same code for saving them.

Creating something that dynamic really wasn't my goal with this tutorial as much as it was creating something that was functionally useful. Perhaps some day I will, but I'm not making an promises.<

Add Comments

Current disabled. Check back soon!

Website Developed by SteeleITS - Privacy Policy