What is the best multiple file JavaScript / Flash file uploader? - javascript

Specifically, I'm looking for a client-side, JavaScript and / or Flash based multiple file uploader. The closest thing I've found is FancyUpload. Anyone have experience with it? If not, what else is out there?

Yahoo's YUI Uploader is your friend.

Uploadify is a jQuery / Flash hybrid (if you don't feel like adding in YUI just to handle uploads).
Demo
How to implement

SWFUpload is probably the leading "competitor" to that.

Alternatives to SWFUpload:
YUI Uploader
jqUploader (jQuery plugin)
Flash/AJAX File Upload w/ Progress Server Control (ASP .NET based)

Plupload seems to be interesting...

It looks like a new entry into this field is 'jQuery file upload':
Wiki / documentation
Demo page

Agile Uploader now supports multiple files as of version 2.0.
http://www.shift8creative.com/projects/agile-uploader/index.html
Here's a direct link to a demo:
http://www.shift8creative.com/agile-uploader/examples/all_files.php
It allows all types of files and can actually resize images before upload to help save on bandwidth costs and server processing power.

I've used FancyUpload plenty of times and it's absolutely fantastic. The only problem (but this is true for most flash uploaders, I guess) is session handling - if you're using sessions you're going to have to pass along the session ID to the flash file and back again.
digitarald (the author) has a new version of FancyUpload in beta now that works with Flash 10 (something a lot of the other uploaders don't). According to him it should be very simple to upgrade from FancyUpload2 to the new version, once it's released.

Google Gears solution with client-side image resizing (mine, sorry for advertisment)

Dropzone worked for me for simple drag-and-drop functionality that degrades gracefully. Very easy to set up.

Related

Multiple file upload (client side)

I'm looking for multiple file upload component with alternative ways.
I need HTML5, Flash and normal upload support, depended by device.
I don't like FancyUpload, because it uses mootools and mootools is very big library.
Also I can't use jQuery, because I'm writing on Ext js and it's not good idea to use two big library like jQuery and Ext js.
I can write it myself but I don't have a time.
If everyone knows any library like this, please post link here.
Thanks!
I am a big fan of Plupload
Here is an example of all run times supported (Flash, HTML4, HTML5, etc...): http://www.plupload.com/example_all_runtimes.php
You can also include only the run times you want.
Here is an ExtJS 4 wrapper I wrote for SWFUpload: https://github.com/JarvusInnovations/Ext.ux.SWFUpload
I'm interested in having a more robust ExtJS4 upload widget though that supports HTML5 and normal form upload too. Maybe we can build one if nothing else turns up.

Web Based WYSIWYG Editor with Photo Upload support

Does anyone know what my options are for Web-based WYSIWYG editors (the type which acts like a textarea but produces HTML) are?
I need one with support for image uploads - This would be for a basic CMS that I am developing which needs to be fairly user-friendly. I can handle the server-side upload processing, but I need an upload option to be there.
A combination of CKEditor and CKFinder may have been ideal, but CKEditor seems to have been commercialised - I'm looking for something which is free/open source.
I think that this post belongs here... It was a tossup between stackoverflow and webmasters. Sorry if I'm wrong!
I use TinyMCE and there are several upload plugins that you can use with it, including these here.

Component to upload multiple images with client side crop

I'm looking a quick way to add an (multi) image unloader with client side crop to an ASP.NET MVC site and for some reason the search seems to be much more complicated than I thought :(
upload image (can be via form post or custom, just has to work with ASP.NET)
custom crop possibility before upload
(preferred) multiple images at once
It doesn't matter if js/jquery, silverlight or flash is used, it just has to work, its an internal application and I can force people to have the necessary plugins installed.
Basically this is exactly what I want:
http://i-load.radactive.com/
But they are out of business and it seems impossible to get a license :(
**UPDATE**
This should be an all in one solution, I currently do not have the time to figure out how to connect multiple components.
I'm willing to purchase a component that does this, but I simply can't find one, which I find rather strange.
An internal application where you are comfortable with ASP.NET then Silverlight would be the good direction to look in.
There is free multiple file uploader which is designed to work with an ASP.NET server end here: http://silverlightuploader.codeplex.com/
There are number of ways to manipulate an image in Silverlight, either natively or with other Silverlight tools such as: http://writeablebitmapex.codeplex.com/
Finally you can re-encode images to common formats such as PNG with: http://imagetools.codeplex.com/
Whether you could actually combine these as is to acheive your goals would be another matter.

file upload using ajax

I am looking for an AJAX method that can be used to file upload.
It will be super if I find a function that uses Prototype + Script.acul.us
File uploads are not possible using pure Ajax, because Javascript can't get direct access to the local file.
Tools like the jQuery form plugin work around this by generating an invisible iframe on the fly, and submitting to that.
There probably is a Prototype based, or framework independent solution for this as well.
there is no native ajax support for this, however Uploadify does a workaround using flash (uses jquery but is able to be used with other api's since 2.0)
http://teamco-anthill.blogspot.com/2009/01/ajax-progress-indicator-with-prototype.html
?
As others have pointed out, javascript is not able to asynchronously upload files (otherwise javascript enabled sites could steal any file off your harddrive). The best approaches are:
A flash uploader, as already suggested
Or simulate an Ajax request using an iframe
The iframe approach means that it's the iframe which reloads, instead of the page displayed to your users, so that to the end user, the experience looks as if it's Ajax.
If you're using rails, which I gather you might be due to using prototype and scriptaculous, there's a plugin available which handles the tricky bits of this approach for you called responds_to_parent, It's been ages since I implemented this in a rails app myself, but step 6 from this blog looks like a good example of how to use it.

Stable jquery or flash uploader

I have been using a jquery plugin called uploadify for handling file uploads as it comes with interactive flash upload. but everyone on my website is complaining its not working. can some one please recommend me one that works in most situations. Thank you
Well, jQuery upload would be handled very different from a Flash-based upload. So you've to decide what's right for the site.
jQuery: http://jquery.malsup.com/form/
Flash: http://code.google.com/p/swfupload/
UPloadify its jquery and flash both............ http://www.uploadify.com/

Categories