Uploading in web development has always left much to be desired from developers. With the introduction of the File and Drag-and-Drop APIs, we are beginning to see improvements across many sites whose core functionality relies on uploading.
In this article we would like to present 15 Best jQuery File Upload Plugins that will help you to add file upload interface to your websites
If you are aware of some other useful file upload plugins, please do share with us by posting a comment below, we would love to hear your feedback.
1. Droppy
Droppy is an online file sharing platform that can be used to share multiple files among friends, family and colleagues. The files can be sent by email or a url that can be shared with everyone you would like to.
You can upload multiple files, includes drag and drop interface, password protection, fast support, file report system, auto destroy after/time download and includes free updates.
Demo & Download
2. Cloudinary
Cloudinary is a cloud service that offers a solution to a web application’s entire image management pipeline. Easily upload images to the cloud. Automatically perform smart image resizing, cropping and conversion without installing any complex software. Integrate Facebook or Twitter profile image extraction in a snap, in any dimension and style to match your website’s graphics requirements. Images are seamlessly delivered through a fast CDN, and much much more.
Cloudinary offers comprehensive APIs and administration capabilities and is easy to integrate with any web application, existing or new.
Cloudinary provides URL and HTTP based APIs that can be easily integrated with any Web development framework.
For Javascript, Cloudinary provides a jQuery plugin for simplifying the integration even further.
Demo & Download
3. 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
4. jQuery.filer
jQuery.filer – Simple HTML5 File Uploader, a plugin tool for jQuery which change completely File Input and make it with multiple file selection, drag&drop support, different validations, thumbnails, icons, instant upload, print-screen upload and many other features and options.
Demo & Download
5. 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.
While files are being uploaded, progress bars show the current upload progress so your users don’t have to second guess how long uploading files is going to take. Almost every aspect of Uploadify is fully customizable, allowing you the freedom to create an uploader that does exactly what you need it to.
Demo & Download
6. Droparea
A jQuery plugin which makes an easy and intuitive area for upload files through drag and drop or select methods.
Demo & Download
7. HTML5 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
8. Uppy
Uppy is (going to be) a JavaScript file uploader that fetches files from Dropbox, Instagram, local disk, remote URLs, and other exciting locations.
It has a plugin-based architecture, first-class support for resumable uploads according to the open standard: tus, and custom encoding backends, making it extensible and robust.
Demo & Download
9. Multifile
MultiFile ($.MultiFile) is a non-obstrusive and crucially non-opinionated plugin for jQuery that helps your users easily select multiple files for upload.
It helps you implement a basic interface to improve the file selection experience of your users whilst providing you, the developer, with 3 simple methods of validation: accepted extensions, maximum number of files and total size.
Demo & Download
10. jQuery File Manager Popup
This plugin attached a file manager to a TEXT INPUT allowing users to select images/files from a library or upload new ones. The plugin then puts the use to the files in the text input.
Due to the trickiness of styling file input fields, this plugin allows you to have a consistent style throughout your designs in addition to allowing you to convenience of selecting files from a library rather than uploading every time.
Demo & Download
11. Blueimp jQuery File Upload
File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery. It 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.
Demo & Download
12. 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. below are some of the important features of JSAjaxFileUploader jQuery plugin.
Demo & Download
13. Simple Ajax Uploader
A Javascript plugin for cross-browser Ajax file uploading. Supports drag and drop, CORS, and multiple file uploading with progress bars. Works in IE7-9, mobile, and all modern browsers.
This plugin is cross browser, supports multiple uploads, drag and drop file uploads, no dependencies, progress bars in all browsers and much more.
Demo & Download
14. FileAPI
FileAPI is a set of javascript tools for working with files. Multiupload, drag’n’drop and chunked file upload. Images: crop, resize and auto orientation by EXIF.
Demo & Download
15. Veno File Manager
If you are looking for a simple and flexible plug-and-play file manager, VFM is for you. Send files to your customers, create new users with dedicated folders, or simply use it as your personal file cloud. Access from any device, manage users and general settings from an intuitive administration panel, customize it to your brand.
Demo & Download
