Best jQuery File Upload Plugins & Tutorials with Demo

    File Upload Progress Bar Using jQuery & PHP

    File Upload Progress Bar Using jQuery & PHP

    Progress Bar is used to display the progress of file upload process.Its very helpful and widely used in file upload process just to give user about progress of file upload.In this tutorial we will create file upload progress bar using jquery and php.

    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.