Click here to Skip to main content
Click here to Skip to main content

Multiple File Upload Using jQuery

By , 23 Jan 2013
Rate this:
Please Sign up or sign in to vote.

Introduction

The code shown in this tip helps to select more than one file at a time. Also, we can remove selected file, can restrict file type, etc. It's easy on user friendly one.

Background

You can refer to this link.

Using the Code

Refer to the code below:

<html >
<head runat="server">
    <title>Multiple file Upload</title>
    <script src="http://jquery-multifile-plugin.googlecode.com/svn/trunk/jquery.js" 
    type="text/javascript"></script>
    <script src="http://jquery-multifile-plugin.googlecode.com/svn/trunk/jquery.MultiFile.js" 
    type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <asp:FileUpload ID="FileUploadJquery" runat="server" 
        class="multi" accept="jpg|png" />
    
    </div>
    </form>
</body>
</html>

C# code to handle fileupload control:

string fileName1 = "";
string FullName1 = "";
HttpFileCollection uploads = Request.Files;
//for (int fileCount = 0; fileCount < uploads.Count; fileCount++)
for (int fileCount = 1; fileCount < 6; fileCount++)
{
    if (fileCount < uploads.Count)
    {
        HttpPostedFile uploadedFile = uploads[fileCount];
        fileName1 = Path.GetFileName(uploadedFile.FileName);
        if (uploadedFile.ContentLength > 0)
        {
            string[] a = new string[1];
            a = uploadedFile.FileName.Split('.');
            fileName1 = a.GetValue(0).ToString() + 
            "." + a.GetValue(1).ToString();
            uploadedFile.SaveAs(Server.MapPath
            ("mobile_image/mob_img/" + fileName1));
        }
} 

The above code:

  1. Restricts the same files
  2. Restricts the number of files to be uploaded
  3. Type of files to be uploaded

etc.

Thank you.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

About the Author

vinodkumarnie
Software Developer Keerthi Business Solutions Pvt. Ltd.
India India
Hi.. I am Vinod Kumar B C from Mysore, Karnataka. I have done MCA and currently working as a Software Engineer having 1.7 Years of Experience in web development. I know Asp.net, C#, Sql Server, CSS, JQuery, C, C++, HTML,DB2,DataStructures.
Follow on   Google+

Comments and Discussions

 
GeneralSolo faltaria un previo de las imagenes PinmemberChimeco5-Jun-13 13:15 
GeneralRe: Solo faltaria un previo de las imagenes Pinmembervinodkumarnie5-Jun-13 16:29 
GeneralMy vote of 3 Pinmemberwhitesoul0130-Jan-13 11:52 
Me fue util
QuestionOther field data PinmemberSpiff Dog21-Jan-13 7:18 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web03 | 2.8.140415.2 | Last Updated 24 Jan 2013
Article Copyright 2013 by vinodkumarnie
Everything else Copyright © CodeProject, 1999-2014
Terms of Use
Layout: fixed | fluid