How can I make an upload widget in JavaScript with upload progress that will post a file to an IIS server?

Question

I need to make a upload widget in JavaScript with upload progress that will post file to a IIS server, any suggestions guidelines or documentation?

Answer 1

JQuery plugin uploadify will upload with a progress bar, and includes functionality for single or multiple file uploads.

It also requires Flash.

edit:

• How to save uploaded files in C#
• Large file upload settings
• AJAXUploader is an end to end solution

Answer 2

Take a look at SWFUpload and its demo page
After downloading you will find in the downloaded package examples using C# and VB.Net.

Answer 3

Asp.net file upload specifically related to IIS 6 and 7 with code example
Additional upload config settings references and solutions for IIS
Simple javascript Progress bar
And an additional drop in progress bar that is "pretty" and usable.

Hope this helps a bit. And good luck with IIS7.

Answer 4

Such a component requires both server and client development. If the constant in your case is IIS as a server, then I would recommend you use ASP.NET and Javascript. You could go several different ways depending on how much time and/or money you want to spend.

• Use a third-party component

  • There are numerous available out there. It depends if you are OK to use flash, silverlight or javascript as the client. Here are some components listed in no particular order:
  • RadUpload for ASP.NET AJAX
  • SlickUpload
  • EAUpload
  • AjaxUploader

• Implement everything yourself

  • Here you would need to develop the server and client. Most probably you would need an HTTP Handler on the server, which would accept the upload and respond with progress information, and some UI on the client to actually visualize the progress. Again some links in no particular order:
  • ASP.NET File Upload with Real-Time Progress Bar - redux
  • Uploading in ASP.NET
  • Simple AJAX File Upload
  • Probably related SO question: http://stackoverflow.com/questions/166221/how-can-i-upload-files-asynchronously-with-jquery

Answer 5

ASP.NET have a new component : Asyncronous File Upload, which , like the name says, upload it as the user works on the page. It's not what you are looking for, but maybe that might be more helpful than a progress bar...

It's part of the AJAX toolkit for .NET