Asynchronous Multiple File Upload With JQuery Uploadify Asp.Net

This post shows how to use Multiple Asynchronous FileUpload With JQuery Uploadify Example In Asp.Net To Upload Files Asynchronously In Gmail Style With Progress Bar In Asp.Net C# and VB.

Download Latest JQuery Library And Uploadify Plugin.

Create a folder in application and add swf,css and js files in it from links above.

Open HTML source and add reference to these javascripts in head section.

<link href="Scripts/uploadify.css" rel="stylesheet" type="text/css"/>

<script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"/> 

<script src="Scripts/jquery.uploadify-3.1.js" type="text/javascript"/>

<script src="Scripts/jquery.uploadify-3.1.min.js" type="text/javascript"/>

Place one FileUpload Control on the page.

   1:  <form id="form1" runat="server">

   2:  <div>

   3:  <asp:FileUpload ID="FileUpload1" runat="server"/>

   4:  </div>

   5:  </form>

Add this JavaScript in Head section.

   1:  <script type = "text/javascript">

   2:  $(document).ready(function() 

   3:  {

   4:    $("#<%=FileUpload1.ClientID %>").uploadify(

   5:    {

   6:      'swf': 'Scripts/uploadify.swf',

   7:      'uploader': 'Handler.ashx',

   8:      'auto': true,

   9:      'multi': true,

  10:      'buttonText': 'Select File(s)'

  11:     });

  12:  });

  13:  </script> 

Right Click on Solution explorer, Add new Generic Handler and write below mentioned code to save the file.

C# CODE

---

show source

01<%@ WebHandler Language="C#" Class="Handler" %>

02using System;

03using System.Web;

04 

05public class Handler : IHttpHandler {

06 

07    public void ProcessRequest (HttpContext context) {

08        HttpPostedFile fileToUpload = context.Request.Files["Filedata"];

09        string pathToSave = HttpContext.Current.Server.MapPath("~/Files/") + fileToUpload.FileName;

10        fileToUpload.SaveAs(pathToSave);

11    }

12 

13    public bool IsReusable {

14        get {

15            return false;

16        }

17    }

18}

VB.NET CODE

---

show source

01Imports System.Web

02 

03Public Class Handler

04 Implements IHttpHandler

05 

06 Public Sub ProcessRequest(context As HttpContext) Implements IHttpHandler.ProcessRequest

07  Dim fileToUpload As HttpPostedFile = context.Request.Files("Filedata")

08  Dim pathToSave As String = HttpContext.Current.Server.MapPath("~/Files/") & fileToUpload.FileName

09  fileToUpload.SaveAs(pathToSave)

10 End Sub

11 

12 Public ReadOnly Property IsReusable() As Boolean Implements IHttpHandler.IsReusable

13  Get

14   Return False

15  End Get

16 End Property

17End Class

Build and run the application.

Download Sample Code

Tweet

If you like this post than join us or share