JQuery is the lingua franca of the web. It exists on almost every page we visit. JQuery and other JavaScript libraries help to run different function on the web pages such as file uploading, generating charts, 3D modelling and more.
The most common task of them all is uploading files on the web. It can occur on almost every second page we visit. File uploading can be done for uploading services such as Dropbox or Google Drive. Furthermore, it can be used to upload resumes on job portals and other arrays of useful tasks.
Today, we will present top 10 JQuery File Uploading plugins. The jQuery plugins are an example of proper use of current technologies such as HTML5, CSS3 and other custom JavaScript libraries.
So, What are we waiting for? Let’s dive deep into the list of top 10 JQuery File Uploading plugins.
jQuery file upload plugin comes with multiple file selection, drag & drop support, validation, progress bars and preview images for jquery. It also supports chunked, cross-domain and resumable file uploads and client-side image resizing.
2. Uploadify
Uplodify is very easy to implement and highly customizable in every sense. Its also available in two versions HTML5 and Flash for highly compatibility. The most important aspect of this plugin is its community support where you can find answer of your question.
jQuery HTML5 Uploader is a very light weight jQuery plugin and it has a neat feature of quickly adding a upload system via Gmail into your web application. It also works with multiple input file element. It has been tested on Firefox and Google Chrome, works perfectly on those browsers.
4. Web Uploader
Web Uploader plugin is based on HTML5 file uploader with compression and preview. It also supports slice, concurrent and multiple upload Drag & Drop support functionalities. Supports common image formats like gif, bmp, jpg, jpeg, png preview and compression which helps saving network data transmission.
5. Dropzone.js
Dropzone.js plugin is one of the open source library which provides drag and drop file uploads with image previews. Its very lightweight and dose not depend on any other library like jQuery and this is also highly customizable.
6. Closify
Closify is one of the most popular image uploader in the whole internet. Its a jQuery based plugin which helps developers to create a dynamic image uploader. It has some neat features like controlling the quality of an image and making independent image dimensions. The plugin is intelligent enough to resize the image according to the size of the container you defined already.
Fine Uploader plugin will give users a smooth experience when uploading files to their browser. It does support all of the major browsers currently and doesn’t require jQuery, Flash or any other external libraries. It is designed and intended for peoples who want an upload solution that can be implemented out of the box without writing custom code.
8. HTML5 File Uploads with jQuery
HTML5 File Uploads uses the combination of three technologies, one of them is the new File Reader Api, another one is the new Drag & Drop Api and the last one is the good ol’ Ajax with the addition of binary data transfer. It only supports Google Chrome and Firefox at the moment but major versions are upcoming which will include other browsers.
9. Plupload
Plupload is one of the plugin which comes very high in the list when it comes to customization. At its core, its visually flat but you can customize in whatever manner you like. Its using HTML5 Api’s and its based on multi-runtime polyfills for XML HTTP Request L2, File and image Api’s. Some of its important features are Drag & Drop Files from Desktop, Access Raw data file, Shrink Images on Client-side and Upload in chunks.
10. Flow.js
Flow.js plugin is based on Javascript library which supports multiple simultaneous and stable uploads which can be resumed by using the HTML 5 Api. This plugin does not require any third party dependencies. Some of the important features Flow.js come with Folder upload, Queue management, Image preview, Drag & Drop with folder reader, Drop area animation and Custom upload buttons.
https://innostudio.de/fileuploader/ – Beautiful and powerful HTML5 file uploading tool. A jQuery and PHP plugin that transforms the standard file input into a revolutionary and fancy field on your page.
How about this one?