Browsers force us to use file inputs (<input type=”file” />) for uploads, which are impossible to style. Moreover, form-based uploads look obsolete in modern AJAX applications. Today I’m bringing you only high quality AJAX file upload plugins which will help you to enhance your user’s experience.
This is a jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website. Uploadify provides four patterns for your choice, including Single File Upload, Multiple File Upload, Single File Upload – Auto Start, and Single File Upload – Custom Button, Custom Queue. The plugin uses a mix of JQuery, Flash, and a backend upload script of your choice to send files from your local computer to your website server.
It is a plugin to augment a standard file upload form with transparent background upload and add upload progress meter to keep users informed of progress.
Ajax file upload plugin allows users to easily upload multiple files without refreshing the page. In addition, you can use any element to show file selection window. It isn’t true ajax, but brings same user experience. It can support multiple file upload and specify allowed file types.
This is powerful and elegant Ajax uploader. FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar.
It will show you how to create Ajax like version of the file upload. The trick is very simple, an Iframe will be used to upload the file so the whole page does not get refreshed and when the post is in progress it will show a dummy progress.
It creates an AJAX multiple file upload form which uses less server side code and provides a very nice user interface. managing upload from upload from input boxes turn to be interesting.
It is a plugin for jQuery to help users easily select multiple files for upload in a concise quick and easy manner. 7 examples are showed in the page. There must be one meet your needs.
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 is an inherited button control which can perform file upload like in gmail manner. The button uses the inherited IFRAME technique to avoid full page rendering so that user will get a nice experience.
Asynchronous file uploads is quote popular feature in modern AJAX web-applications. However standard AJAX classes (XmlHttpRequest) does not have capabilities to process or send files selected with file dialog (input type=file). This article contains example application (trivial file-sharing service, like rapidshare, megaupload or yousendit) which uses embedded frames (IFRAME) to upload file. While file is uploaded to hidden frame, user can still access web-page and fill file description field.
If you feel that your favorite plugins are omitted, please share your knowledge with us by leaving a comment, so that we can enrich the contents and share them to the world. thank you.