10 Jquery Ajax File Uploader Plugins

June 29th, 2010 by aditia rahman / 8 Comments  

     

Creating ajax upload from a raw javascript or jquery is not that simple, when baking a simple website, I personally will use available plugin, so it can save me much time and effort, we have to thank that there a lot of developer out there that share their great works.

01. Plupload

pupload example screen

Allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and chunked uploads, Plupload is currently separated into a Core API and a jQuery upload queue widget this enables you to either use it out of the box or write your own custom implementation, demo.

02. Ajax Upload by Andrew Valums

Ajax Upload by Andrew Valums

AJAX Upload allows you to easily upload multiple files without refreshing the page and use any element to show file selection window. It works in all major browsers and doesn’t require any library to run. AJAX Upload doesn’t pollute the global namespace, and is tested with jQuery, Prototypejs. This plugin is one of the most famous jquery uploader that require no flash. demo

03. Ajax File Upload

AjaxFileUpload-Demo

This AjaxFileUpload Plugin is a hacked version of Ajaxupload plugin created by yvind Saltvik, which is really good enought for normal use. Its idea is to create a iframe and submit the specified form to it for further processing, demo.

03. jQuery Multiple File Upload Plugin by Fyneworks.com

jQuery Multiple=

The Multiple File Upload Plugin (jQuery.MultiFile) is a non-obstrusive plugin for the jQuery Javascript library that helps users easily select multiple files for upload quickly and easily whilst also providing some basic validation functionality to help developers idenfity simple errors, without having to submit the form.

04. jQuery Form Plugin – File Upload by malsup.com

malsup jquery form file

This plugin is a part of jQuery Form Plugin it make you easier to submitting form using Ajax including the input file, and required no flash, demo.

05 . Uploadify

Uploadify Screen Demo

Uploadify is a jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website. It requires Flash and any backend development language. An array of options allow for full customization for advanced users, but basic implementation is so easy that even coding novices can do it. Uploadify free to be used in a number of applications and commercial products, demo.

06. SWFUpload jQuery Plugin by Adam Royle

swfupload jquery plugin

This plugin created based on SWFUpload and Jquery, it support both single or mutiple file upload, and require flash, demo.

07. jqswfupload by Alexandre Magno

jqswfupload-screen by jqswfupload-screen

This plugin is the easier way to make a multiple file upload using swfupload library. You can create a complete interface for multiupload files based on Flickr in just one line of code and them make custom settings to controll how works all the features, demo.

08. jcUpload

jcupload_demo

It’s a small free plugin, that enables ajax-like file upload. It requires Adobe Flash player and jQuery JavaScript library. Plugin is freeware, demo.

09. jqUploader

jqUploader

jqUploader is a jquery plugin that substitutes html file input fields with a flash-based file upload widget, allowing to display a progressbar and percentage. It is designed to take most of its customization from the html code of your form directly – so you don’t have to do things twice . For instance, the maximum file size, if specified via html, will be recognized and used in the rich upload interface generated by jqUploader. This plugin required flash, demo.

10. jqupload by jQframework

From the site it got following feature Easy to integate to your application, easy to define your own logic. lightweight form uploader plugin, source file is just 2k, free and free of charge under the MIT License, demo.

11. uploadprogress

jquery upload progress screen

Plugin to augment a standard file upload form with transparent background upload and add uploadprogress meter to keep client informed of progress. This is not really the plugin for uploading file, but just to help inform the progress of uploading file, demo.

Other source that might be useful

http://kisdigital.wordpress.com/2010/03/30/easy-jquery-mutlifile-uploader/

http://docs.jquery.com/Tutorials:Multiple_File_Upload_Magic

http://www.fullfatcode.com/2009/06/06/jquery-ajax-uploader-plugin/

        submit to reddit Delicious

8 Comments Leave a Comment Subscribe RSS

Leave a Comment