19 Great jQuery Upload File Plugins

in Freebies/JavaScript/Jquery/Web coding

In this jQuery article you will find useful jquery upload file plugins.



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

jQuery Multiple File Upload Plugin


The plugin creates a new file input element every time the user select a file, which allows the user to select a file, then another, then another, then another and so on… selecting as many files is required, one at a time.

jqueryAmazing Custom File upload upload plugins


File upload control is used in almost all the websites. But the restriction of not been able to alter the style/look of it, makes it different from website theme.

The AwsmUploader


The AwsmUploader is the advancement to the renown FileDropper 2. It lets you easily upload files by drag-n-drop (built-in) or feeding it with files from own sources with blank JavaScript.

SWFUpload jQuery Plugin


A jQuery plugin that makes working with SWFUpload even easier.

jQuery Fileuploader Plugin


jQuery fileuploader plugin is a powerful plugin which was designed for simplicity. It was inspired by uploadify but its functionality and concept is different.

Really simple jQuery Ajax File Upload plugin


This jQuery ajax upload plugin creates a hidden iframe and sets the form’s target attribute to post to that iframe.

Fine Uploader


Javascript plugin tool to give your users a smooth experience when uploading files to your website.



Allows you to upload files using HTML5, Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and chunked uploads.



uploadprogress v 0.3


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

jQuery HTML5 Uploader


jQuery List DragSort

A javascript file that provides the ability to sort lists using drag and drop. Built on the jQuery framework.

jQuery File Upload

File Upload widget with multiple file selection, drag&drop support, progress bars and preview images 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.


Query filedrop plugin – html5 drag desktop files into browser

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. filedrop uses HTML5 FileReader() to read file data.

jQuery Fileuploader Plugin

jQuery fileuploader uses html5 api which support ajax upload and drag and drop, and fallback to iframe upload for legacy browsers. It creates multiple forms to process multiple uploads. Each form can be processed by single upload script.


upload dropped file(s) from the filesystem into the browser via ajax to your server. this project uses the new drag and drop html5 api OR if not supported, the feature of some browsers (safari, chrome, chromium), to drop files onto the <input type=”file” /> tag.


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

File Uploader with jQuery

jQuery Multiple File Uploader

jQuery mfupload uses the HTML5 File API to allow users to drag multiple files from PC to the browser, uploading each file to a specified path. Compatible with Internet Explorer ( < v.10 ) but no Drag and Drop support, single file upload and Server-side validation.

HTML5 File Drag & Drop