11 jQuery Drag and Drop Upload Plugins

in Jquery

List below is jquery plugin that use drag and drop feature for uploading.

1. jQuery List DragSort

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

2. Fine Uploader

This is the Fine Uploader with only required options set. Note that, by default, you may also drag & drop files onto the button if you are using a browser that supports the multiple attribute on input elements, and the File and FormData objects, as well as the upload function on the XHR object. This currently rules out at least IE 9 and earlier.

3. jQuery File Upload Demo

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.

4. Filepicker

5. jQuery 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.

6. 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.

7. dnd-file-upload

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.

8. DROPAREA

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

9. File Uploader with jQuery

10. HTML5 File Drag & Drop

11.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.