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 - 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 - 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 - 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 - A JavaScript library for providing multiple simultaneous, stable, fault-tolerant and resumable/restartable uploads via the HTML5 File API.
- Uppload - 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.