Upload Classic Editor Plugin Through File Manager

This popular commodity was updated in July, 2016, to reflect the electric current state of file upload plugins. Comments pertaining to the old article have been deleted.

Implementing file uploads with Ajax can be very challenging, especially if you want features like drag and drop back up, image previews or progress bars. The post-obit 10 jQuery file upload plugins come up with many options, and great user interfaces that will quickly permit you lot to implement a cute file uploader.

1. FineUploader

FineUploader is a flexible, actively maintained uploader, written in pure JavaScript, but as well available equally jQuery plugin. Compared to all other plugins below, it has the virtually interesting — and unique — features implemented: pause/resume uploads, concurrent chunking, <canvass> upload, retry, binder uploads, edit filenames, and many more.

Website
Source lawmaking

2. Dropzone.js

Dropzone.js is a file uploader available in pure JavaScript and jQuery, with options for almost everything, like prototype previews (thumbnails), specification of maximum file size, renaming files on upload, parallel uploads or resizing of images on upload. The documentation is clean and easy to read, though there are almost 500 open issues (bugs and feature requests) — many of which have been open for years — so be aware that you might exist on your own if yous encounter problems.

Website
Source code
Farther article well-nigh Dropzone.js: How to Build a File Upload Class with Express and Dropzone.js

3. jQuery File Upload

Like Dropzone.js (#1), jQuery File Upload offers you a very similar agglomeration of options to fit your needs (albeit with a dissimilar UI), likewise as prefabricated integrations for jQuery UI and AngularJS. It is very popular, and then yous'll notice many answers on StackOverflow, just the projection has disabled problems on GitHub and the documentation might be difficult to read.

Website
Source lawmaking

four. Plupload

Plupload is a neat option if you want to commencement with the built-in UI out of the box. Information technology offers you fewer options for customization, only several dozen themes with language packages and Flash or Silverlight fallbacks.

Website
Source lawmaking

5. Formstone Upload

Formstone is a drove of useful web components, including Upload, a standalone jQuery file upload plugin. As it offers just the basic options for customization and the UI is very simple, getting started should be very piece of cake.

Website
Source code

vi. jQuery.filer

This plugin focuses on a groovy born UI, and is based on modular compages that allows you to easily enable or disable components and to specify custom themes. As an extra, it offers yous a PHP class to handle upload requests.

Website
Source code

7. Bootstrap File Input

Bootstrap File Input is a Bootstrap 3.x file upload plugin with jQuery API that ships with everything you lot demand for customization. It not only allows you to preview uploaded images, but also text, HTML, video, audio, Flash and object files.

Website
Source lawmaking

8. jQuery Upload File

jQuery Upload File is elementary upload plugin with all the bones options, too as epitome previews, localization and the facility to build your own UI with custom templates. As it has an case for every feature, implementation should go quickly.

Website
Source code

9. jQuery HTML5 Uploader

This uploader allows y'all to drag and drop files into an element (due east.g. a <div>) and then uploads the file (or multiple files) to a specified URL. No more than and no less.

Website
Source code

ten. Uploadify

Uploadify is a Flash-based jQuery upload plugin that adds a select push to your website. As the customization is limited, the support forum is closed and Flash shouldn't be used generally, it isn't recommended to apply it anymore. There's another plugin, called UploadiFive, that is HTML5-based and available on the same website, but the commercial license costs $100 at the time of writing.

Website
Source code

Tip

Sometimes y'all — or your customers — might have special requirements, and you'll need to create the UI without jQuery, or adhere to a detail style guide. In this case, you might exist interested in the post-obit ii projects that allow you to realize file uploads with completely self-made user interfaces:

• Resumable.js
• FileAPI

Decision

These are the best known plugins on the market. If you've had whatsoever feel with them — practiced or bad — or have some other noteworthy file upload plugin, please let u.s. know in the comments.

freudenburgcomead98.blogspot.com

Source: https://www.sitepoint.com/10-jquery-file-uploads/

Share this post