Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Best non-flash upload component for web applications?

Tags:

I would like recommendations for upload scripts/components. My criteria:

  • No flash
  • Plain Javascript ok, jquery ok
  • Must provide progress bar (updated from for instance ajax call).

Probably isn't relevant, but I use ASP.NET MVC on server side.

Thanks

UPDATE Yes, I know there will need to be a server side component to this, but I can provide that. I'm more interested in the client side scripts. (Perhaps some solutions will be tied to their server side implimentations though - I don't know)

Just to clarify - it doesn't have to be .net specific. I'm happy to use a component that only comes with (for instance) PHP server side scripts, and roll my own for .net.


Thanks for all the answers - some very useful info there. In the end I accepted the 'AJAX uploader' - It didn't meet the progress bar requirement, but it seems that nothing might (at least without flash). I think I will also look into the possibililty of creating my own, based on some of the info here - will post back if I have any luck.

like image 295
UpTheCreek Avatar asked Nov 03 '09 12:11

UpTheCreek


2 Answers

Fine Uploader We use this and it's pretty good, worth a try anyway.

Edit: For some reason I thought we used Uploadify, turns out it was this.

like image 86
TWith2Sugars Avatar answered Sep 17 '22 13:09

TWith2Sugars


The server-side technology is very relevant for what you are trying to do. Server interaction is necessary for such kind of things.

I don't know of any ready made component, but this article could be helpful.

Based on your update it seems that you are looking for a client component bound to a specific server technology and feel confident that you can easily convert this to .NET. In my opinion this won't be easy. To implement the progress bar thing you need a file upload listener. In Java, I had luck doing something similar using Apache Commons FileUpload and by implementing the ProgressListener interface. Basically I have followed the instructions on this article. Besides the progress listener, I needed to implement a servlet that returned the current percentage of the upload and at the client side use a progress bar jQuery plug-in, which I regularly updated by Ajax calling the percentage servlet. These are the easy bits. As I've commented, you can easily implement them yourself in no time.

The hard part is the progress listening and this is very much different, depending on the server technology. So I recommend that you start from there. Find out how you can listen to the progress of a file uploaded using ASP.Net MVC. The article linked above is a good starting point.

like image 33
kgiannakakis Avatar answered Sep 19 '22 13:09

kgiannakakis