15 Handy jQuery File Upload Plugins Collection

15-jQuery-File-Upload-Plugin15 jQuery File Upload plugins for free download and to upload your files to the server. File upload plugins with features like progress bar, AJAX uploads, HTML 5 support, multiple file uploads, asynchronous file uploads, drag and drop functionality, restrict the format of the file uploaded and much more.

File uploading is an useful way of collecting files from your users. There are many plugins available to upload files to your server from the webpage. Today, we are going to share some of the jQuery file upload plugins which are totally free to download and use on your website. The demo can be found on respective plugin information pages.

Hope you will enjoy the collection.

Here is the collection of 15 jQuery file up-loader plugins below: 

1. jQuery File Upload Plugin by Blueimp

File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery.
Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.


2. Dropzonejs jQuery File Upload Plugin

DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews.


3. Hayageek jQuery Upload File Plugin

jQuery Upload File plugin provides Multiple file Uploads with progress bar.Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.


4. Pixelcone Ajax jQuery File upload Plugin

This Ajax jQuery file upload plugin has features like drag and drop, auto-upload feature, multiple select feature, mock progress bar, uses jQuery.ajax to upload HTML5 files and much more.


5. Uploadify HTML5 jQuery File Upload plugin

The features of uploadify jQuery file upload plugin includes high level of customization, flash and HTML5 versions, and large support community.


6. Simple Ajax Uploader jQuery Plugin

A JavaScript plugin for cross-browser Ajax file uploading. Supports multiple file uploading with progress bars. Simple Ajax Uploader allows developers to easily add Ajax file upload functionality to web applications. It abstracts away standard tasks and browser compatibility issues while preserving wide latitude for custom use.


7. Valum’s Ajax File Uploader Plugin

Multiple file upload plugin for HTML forms. User-friendly progress-bar + uploads via drag-and-drop. Coded in Javascript + AJAX, not Flash. Server-side PHP, Java, & ColdFusion examples included.


8. Fyneworks Multiple File Upload jQuery Plugin

This jQuery Multiple File Upload Plugin ($.MultiFile) is a non-obstrusive plugin for jQuery that helps users easily select multiple files for upload quickly and easily on your server whilst also providing some basic validation functionality to help developers idenfity simple errors, without having to submit the form (ie.: upload files).


9. Malsup Form jQuery Plugin with File Upload

This jQuery plugin is a form plugin, but has Ajax file upload capabilities. This form plugin can be used to display only file upload options to upload files to the server.


10. Upload Progress v 0.3 – A jQuery PHP Plugin

plugin to augment a standard file upload form with transparent background upload and add uploadprogress meter to keep client informed of progress.


11. HTML 5.0 Uploader jQuery Plugin

jQuery HTML5 Uploader is a lightweight jQuery plugin that lets you to quickly add an upload system a-la-Gmail into your web app.


12. DropArea HTML 5 jQuery File Uploader Plugin

droparea is a HTML5 drag and drop image/file upload jQuery plug-in and a php script for server-side.


13. Twitter Bootstrap Based jQuery File Uploader – damnUploader

jQuery file upload plugin. Simplifies AJAX files uploading and client-side file management routines.


14. jQuery File Drop plugin | DEMO

jQuery filedrop uses the HTML5 File API to allow users to drag multiple files from desktop to the browser, uploading each file to a user-specified URL.


 15. HTML5 jQuery Uploader

This jQuery and HTML5 uploader plugin uses jQuery and HTML5 APIs. This plugin has features like drag and drop, uploading files in queue, and several simple callbacks available.


Hope you enjoyed the list of jQuery plugins to upload files to server. This is not only to inspire you, but also is will be way to help you achieve what you want in your next upcoming web development.


Vinod Suthersan is a enthusiastic web designer still learning new things on web designing. He loves designing, hunting new designs, blogging, and crazy about Internet. Know more

You may also like...

1 Response

  1. John Sams says:

    See also a ultra lightweight ajax upload by Anowave – http://www.anowave.com/anofile-jquery-ajax-file-upload/ It’s designed for developers to allow for easy integration and modification.