Multiple file upload forms are sometimes essential for your web application but managing upload from multiple file input boxes becomes a bit tedious and lengthy. But thanks to jQuery using which we can make this task easier too. Today I’m going to show you some example Ajax file upload or jQuery upload form that uses a lot lesser server side code and also provides a very nice user interface. You can enjoy test with demo and download to your server as well. Please read license before using it in public.
You may also like my previous post 10 Sample Ajax Autocomplete-Autosuggest .
1. Max’s AJAX file uploader
2. AJAX UPLOAD Using Bar Progress
3. Ajax Upload Images
Ajax upload allow you to upload more images without refresh pages.
Upload progress indicators can be displayed on the upload page, or via a pop-up window. There are multiple viewing options to choose from, like completed percentage, upload speed (measured in kbps)
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.
7. Ajax Upload with progress-bar
This plugin uses XHR for uploading multiple files with progress-bar in FF3.6+, Safari4+, Chrome and falls back to hidden iframe based upload in other browsers, providing good user experience everywhere.
FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all.
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.
Uploader with Progress Bar,
File Manager & Multi-User Support
This script has been updated please see the following link PHP & jQuery image upload and crop v1.2 AND the new fully jquery’d version of it Jquery image upload and crop for PHP. Both new scripts handle JPG, GIF and PNG upload and crop!