7 Best jQuery Ajax File Uploader Plugins

Below you will find 7 best jQuery Ajax File Uploader plugins which will allow you to setup file upload interface on your website. Following plugins are works with all modern browsers and include some nifty features to get going. If we have missed any please let us know by posting a comment below.

1. Simple Ajax Uploader

A JavaScript plugin for cross-browser Ajax file uploading. Supports drag and drop, CORS, and multiple file uploading with progress bars. This plugin works in IE7-9, mobile, and all modern browsers, built in CORS support, drag and drop file uploads, progress bars in all browsers, no dependencies and much more.
Demo & Download

2. JSAjaxFile Uploader


JSAjaxFileUploader is a jQuery Plugin with ease of use. Just Download the plugin include it in your project and thats it you are all set to use it. It’s designed for developers to allow for easy integration and modification.

Fully customizable with many options. using JSAjaxFileUploader jQuery plugin you can have multiple upload forms in a same web page at the same time and you can also select multiple files for upload. Using JSAjaxFileUploader jQuery plugin you can enable large view of the image during file upload to the end user and the image size again is customizable.
Demo & Download

3. jQuery File Uploader

JQuery File Uploader JQuery plugin to drag and drop files, including ajax upload and progress bar. The idea for this plugin is to keep it very simple; other options/plugins i found mess up a lot with the markup and provide some really ‘hacky’ ways to make it available for prehistoric browsers.
The focus will be for modern browsers, but also providing a method to know when is the plugin is not supported; with an easy interface to use on any design you come up.
Demo & Download

4. Dropzone.js

Dropzone.js is a light weight JavaScript library for jQuery that turns an HTML element into a dropzone. This means that a user can drag and drop a file onto it, and the file gets uploaded to the server via AJAX. It supports image previews and shows nice progress bars.
Demo & Download

5. HTML5 File Upload

This is a HTML5 file uploader, for single or multiple files. You can add files easily by dragging and dropping them or clicking. All files will be uploaded via AJAX or can be added within a form. Files can be renamed before uploading. Server files can be displayed and removed. All the files can be downloaded after they successfully uploaded.
Demo & Download

6. Uploadify

Uploadifyâ„¢ is a jQuery plugin that allows you to easily add multiple file upload functionality to your website. Two distinct versions (HTML5 and Flash) allow you the flexiblity to choose the right implementation for your site and fallback methods make it degrade gracefully.

The main benefit of Uploadify is its ability to allow multiple file uploads without the hassle of clicking multiple browse buttons or submitting multiple forms. The HTML5 version of our file uploader (UploadiFive) allows you to drag and drop files onto the queue to add them instantly.
Demo & Download

7. Drop Uploader

Drop Uploader plugin is allows you easily convert default file input field in your form to powerful Drag & Drop area that supports multiple file uploading, file type validation and errors handling. No need to customize your existing form HTML code, just include plugin files and JS code snippet and turn it on.
Demo & Download

Leave a Reply