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
Demo | Download (10696)
2. AJAX UPLOAD Using Bar Progress
Demo | Download
3. Ajax Upload Images
Ajax upload allow you to upload more images without refresh pages.
Demo | Download (9660)
4. Xupload
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)
5. Uploadify jquery upload plugin
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.
Demo | Download
6. Jquery multiple file uploader
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 (ie.: upload files).
Demo | Download
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.
Demo | Download
8. Fancy upload with mootool
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.
Demo | Download
9. 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.
Demo | Download
10. FileChucker
Uploader with Progress Bar,
File Manager & Multi-User Support
Demo | Download
11. PHP & jQuery image upload and crop
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!
Hi, great collection, thanks for sharing! My favorite is the simple and clean one, number 2.
its really great
It’s great, Thanks for the tutorial has helped me very much, congratulations on your work
it’s a reallly great. It’s help a lot for me., good work
Thanks
i like the 5th demo. It’s beautiful .thanks a lot
I’ve been looking for an Ajax/PHP uploader for entire days.. finally I’ve found n.3… it’s the first working simplest example I’ve seen in this research. Thanks a ton, guys, you saved me!!