Best jQuery File Upload Plugins & Tutorials with Demo

Droply.js : PHP minimalist responsive File Uploader

Droply.js : PHP minimalist responsive File Uploader

Droply is a responsive jQuery based plugin, that simplifies the developers task to setup a  muti/single file uploader component. It is hightly configurable and easy to install. This plugin comes with a configurable server side PHP script that should be clear enough for developers to customize.It is important to know that there is a list of permitted file(MIME) types, which can be configured concurrently on both server/client side to filter out any type of harmful or undesired file types.

HTML5 File Upload with PHP5

HTML5 File Upload with PHP5

This File Upload script uses the latest HTML5, Javascript and PHP technologies to offer a reliable and efficient end to end system to allow your visitors to upload files on your website.

DropArea : jQuery Drag & Drop File Upload

DropArea : jQuery Drag & Drop File Upload

A jQuery plugin which makes an easy and intuitive area for upload files through drag and drop or select methods.

ImagePreview : jQuery Image Preview for FileUpload

ImagePreview : jQuery Image Preview for FileUpload

This is the image preview using the “FileReader” class. It is a jQuery plugin.

FileUploader : HTML5 File Uploader

FileUploader : HTML5 File Uploader

FileUploader  is a jQuery file uploader skeleton that uses HTML5 file reader api.

Quttons : Buttons made of Quantum Paper

Quttons : Buttons made of Quantum Paper

With this jQuery plugin you can hide any div behind a Quantum [Paper] Button or Qutton.

Qunatum Paper is a digital paper that can change its size, shape and color to accomodate new content. Quantum paper is part of Google’s new Material Design language.

Styling & Customizing File Inputs

Styling & Customizing File Inputs

A tutorial on how to style and customize <input type=”file”> in a semantic, accessible way using the <label> element and some JavaScript.

VectorCam : jQuery Pictures to Vector files Converter plugin

VectorCam : jQuery Pictures to Vector files Converter plugin

A website for taking pictures and converting them into vector files – designed for use on smartphones. Quickly vectorize your sketches and designs!

jQuery Filer : jQuery Html5 File Uploader

jQuery Filer : jQuery Html5 File Uploader

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.

Tapatar : jQuery plugin to Pick an Avatar Image

Tapatar : jQuery plugin to Pick an Avatar Image

Tapatar is a lightweight, extensible jQuery plugin, that lets users pick an avatar from a social network, disk, or other source. By default, Gravatar, Local and Facebook sources are included. Tapatar has been built to make it very easy to add additional sources.