Joshua Stengel

Everything...Is going...
To be okay!

Uploading Files: Multiple Files, Progress Bar, No Postback

UPDATE: This is now available as a free ASP.NET control. 

Recently, Joe Stagner created some videos and talked about 4 upload scenarios that provide an AJAX-like file upload experience.  I've used or looked at all of those options at least once or twice in the past, but they were never quite what I wanted.  I wanted something sleek and sexy.  Something that really popped. The file upload tool that is my new best friend is SWFUpload.

SWFUpload is a JavaScript/Flash library that degrades to a plain old upload control if there are compatibility problem. It's truly a thing of beauty.  The SWFUpload online demos really don't do it justice as far as demonstrating how pretty you can make it look with a little CSS.  Not that I'm the world's greatest designer, but here's an action screen shot of how I integrated it into an ASP.NET application. The picture is a screen capture of SWFUpload in the process of uploading 4 files. The control is inside of an AJAX.NET ModalPopup inside of an UpdatePanel. You can also see it in action as part of a short demo I did for this project.  It's not the greatest video, but you can see the uploading files and photos example about halfway though the video.

Comments

DotNetKicks.com said:

You've been kicked (a good thing) - Trackback from DotNetKicks.com

# February 22, 2008 1:28 PM

Kirill Chilingarashvili said:

Nice post !

I found this component very interesting.. But I cound not find a word about it's license.

Are you aware of any limitations of using it in commercial software ?

Thanks

# February 22, 2008 5:19 PM

jstengel said:

It is tought to find...from the source:

SWFUpload is (c) 2006 Lars Huring and Mammon Media and is released under the MIT License:

www.opensource.org/.../mit-license.php

# February 22, 2008 5:25 PM

Josh Coswell said:

There is an other File Upload components package.

It is called UPFILESBE Basic Edition.

It is alse based on AJAX Progress Bar and can upload multiple files with a total size upto 4 GB.

I have used it and found it great.

If anybody interested please download from www.datanyms.com/download.html

Also it is free for limited time.

Josh

# February 22, 2008 7:06 PM

amrelgarhy said:

Kirill Chilingarashvili

SWF Upload is completely free, you can use its files, edit or do anything with.

# February 23, 2008 11:15 AM

Remy said:

It is a pretty cool component, but after using it for 6 month in a public internet application, we had maybe 10% users with troubles. And those are not the ones without Flash installed. SWFUpload degrades nicely without Flash, but there seems to be a decent amount of issues with Flash.

demo.swfupload.org/Documentation

I've written my own post about File Upload Components:

remy.supertext.ch/.../file-upload-with-aspnet

# February 23, 2008 5:21 PM

Caminews » Uploading Files: Multiple Files, Progress Bar, No Postback said:

Pingback from  Caminews » Uploading Files: Multiple Files, Progress Bar, No Postback

# February 26, 2008 2:10 AM

Caminews » Uploading Files: Multiple Files, Progress Bar, No Postback said:

Pingback from  Caminews » Uploading Files: Multiple Files, Progress Bar, No Postback

# February 26, 2008 3:10 AM

Fredrik said:

Great post, couldn't wait to try SWFUpload.

Unfortunately I'm having problems using it in an updatepanel. How did you make it work?

# March 28, 2008 12:07 PM

jstengel said:

I'm going to try to put together a sample project with some basic demonstrations.  Hopefully, that will help.

# April 1, 2008 1:04 PM

Joshua Stengel said:

Recently, I blogged about my favorite file upload technique for web applications --the free flash/JavaScript

# April 25, 2008 6:36 PM

jstengel said:

A server control with source, documentation and sample project has been posted here:

weblogs.asp.net/.../flash-file-upload-server-control.aspx

# April 30, 2008 11:18 AM

Quang Vo said:

Excellent Free Server Control that allow you to upload as many file as you like quick sexy and easy.

connectionstringexamples.com/article.php

# August 11, 2008 5:04 AM

devore2008 said:

You may need a commercial product if you want to use ajax upload in update panel.

Try this one:

http://ajaxuploader.com/Demo/select-multiple-files-upload.aspx">ajaxuploader.com/.../select-multiple-files-upload.aspx

http://ajaxuploader.com/

# September 24, 2008 6:58 AM

Work at home moms. said:

Work at home moms. Top work at home moms. Moms work from home. Work for stay at home moms. Moms work at home.

# October 30, 2008 6:30 PM

master-clipping said:

These are all wonderful and great inspiration. Coolll

Teach me more..

# September 20, 2009 8:55 AM
Leave a Comment

(required) 

(required) 

(optional)

(required)