image

JavaScript file upload libraries

Notable JavaScript file uploader that integrates seamlessly with any web frameworks

File upload is a common task in almost all of modern web projects, it's hard to implement the upload feature by yourself.

Using following file uploaders that integrates seamlessly with any website or app. They fetches files from local disk, Google Drive, Dropbox, Instagram, remote URLs, cameras etc, and then uploads them to the final destination.

Most of them are fast, lightweight, drag and drop support, backend agnostic, ready-to-use user experience, highly customizable, image previews, progress bars, free and open-source. They let you worry about more important problems than building a file uploader.


Uppy

image

uppy.io

Uppy is a sleek, modular JavaScript file uploader that integrates seamlessly with any application. It’s fast, easy to use and lets you worry about more important problems than building a file uploader.

Dropzone

image

www.dropzonejs.com

Dropzone.js is a light weight JavaScript library that turns an HTML element into a dropzone. This means that a user can drag and drop a file onto it, and the file gets uploaded to the server via AJAX. It supports image previews and shows nice progress bars.

Filepond

image

pqina.nl

A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience. Available for React, Vue, Angular and jQuery.

Resumable.js

image

www.resumablejs.com

A JavaScript library for providing multiple simultaneous, stable, fault-tolerant and resumable/restartable uploads via the HTML5 File API.

Uppload

image

uppload.js.org

Uppload is a better JavaScript image uploader. It's highly customizable with 30+ plugins, completely free and open-source, and can be used with any file uploading backend.