Uppy is a sleek, modular file uploader that integrates seamlessly with any framework. It fetches files from local disk, Google Drive, Dropbox, Instagram, remote URLs, cameras and other exciting locations, and then uploads them to the final destination. It’s fast, easy to use and lets you worry about more important problems than building a file uploader.
Uppy consists of a core module and various plugins for selecting, manipulating and uploading files. Here’s how it works:
Drag and Drop, Webcam, basic file manipulation (adding metadata), uploading via tus resumable uploads or XHR/Multipart is all possible using just the uppy client module.
Adding Uppy Server to the mix enables remote sources such as Instagram, Google Drive and Dropbox. Uploads from remote sources are handled server-to-server, so a 5 GB video won’t be eating into your mobile data plan. Files are removed from Uppy Server after an upload is complete, or after a reasonable timeout. Access tokens also don’t stick around for long, for security reasons.
If you like, you can also use a pre-built bundle, for example from unpkg CDN. In that case
Uppy will attach itself to the global
⚠️ The bundle currently consists of most Uppy plugins, so this method is not recommended for production, as your users will have to download all plugins, even if you’re only using a few of them.
1. Add a script to the bottom of
2. Add CSS to
- Uppy — full list of options, methods and events.
- Plugins — list of Uppy plugins and their options.
- Server — setting up and running an uppy-server instance, which adds support for Instagram, Dropbox, Google Drive and other remote sources.
- React — components to integrate uppy UI plugins with react apps.
- Architecture & Making a Plugin — how to write a plugin for Uppy [documentation in progress].
Note: we aim to support IE10+ and recent versions of Safari, Edge, Chrome, Firefox and Opera. IE6 on the chart above means we recommend setting Uppy to target a
<form> element, so when Uppy has not yet loaded or is not supported, upload still works. Even on the refrigerator browser. Or, yes, IE6.