超级计算机囧囧囧's Archivers

From admin on 2011-03-25 22:01:47

10 Jquery Ajax File Uploader Plugins

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
<img title="plupload_com_example_queuewidget" src="http://www.sunhaibing.com/wp-content/uploads/auto_save_image/2011/03/140150Plt.png" alt="pupload example screen" width="484" height="405" />

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
<img title="Ajax-Upload_Andrew-Valumsscreen" src="http://www.sunhaibing.com/wp-content/uploads/auto_save_image/2011/03/140154Tiy.png" alt="Ajax Upload by Andrew Valums" width="485" height="175" />

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
<img title="AjaxFileUpload-Demo" src="http://www.sunhaibing.com/wp-content/uploads/auto_save_image/2011/03/140156TN7.png" alt="AjaxFileUpload-Demo" width="484" height="150" />

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
<img title="jQuery_Multiple_File_Upload_Plugin" alt="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
<img title="malsup_com_jquery_form_file" src="http://www.sunhaibing.com/wp-content/uploads/auto_save_image/2011/03/140157ZYb.png" alt="malsup jquery form file" width="485" height="235" />

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
<img title="Uploadify" src="http://www.sunhaibing.com/wp-content/uploads/auto_save_image/2011/03/140158EL0.png" alt="Uploadify Screen Demo" width="485" height="221" />

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
<img title="swfupload-jquery-plugin" src="http://www.sunhaibing.com/wp-content/uploads/auto_save_image/2011/03/140205Z9G.png" alt="swfupload jquery plugin" width="485" height="240" />

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
<img title="jqswfupload-screen" src="http://www.sunhaibing.com/wp-content/uploads/auto_save_image/2011/03/140207dr6.png" alt="jqswfupload-screen by jqswfupload-screen" width="485" height="192" />

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
<img title="jcupload_demo" src="http://www.sunhaibing.com/wp-content/uploads/auto_save_image/2011/03/14021583k.png" alt="jcupload_demo" width="485" height="164" />

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
<img title="jqUploader_demo" src="http://www.sunhaibing.com/wp-content/uploads/auto_save_image/2011/03/140217LU2.png" alt="jqUploader" width="485" height="165" />

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
<img title="jquery-uploadprogress-demo" src="http://www.sunhaibing.com/wp-content/uploads/auto_save_image/2011/03/1402217yn.png" alt="jquery upload progress screen" width="484" height="210" />

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/

查看完整版本: 10 Jquery Ajax File Uploader Plugins

Tags: jquery, upload


©超级计算机囧囧囧