transloadit/uppy
Uppy
Uppy is a modular web file upload framework designed for building browser-based uploaders. It functions as a resumable upload client and a system for integrating file uploads from a browser to backend servers or cloud storage.
The project provides a headless UI upload component, offering logic hooks and headless elements that allow for the development of custom upload interfaces. It also serves as a cloud storage file importer, utilizing OAuth flows to authenticate and import files directly from remote providers, and as a browser-based media capture tool for uploading images or video clips from webcams.
Its broader capabilities cover the automation of upload workflows, including the collection of file metadata and the generation of image previews. The framework supports importing files from diverse sources and transmitting them to multiple destinations using resumable protocols.
Features
- File Uploaders - Provides a modular system for transmitting files to backends using resumable protocols, standard requests, or cloud buckets.
- Cloud Storage Authentication - Manages OAuth flows and proxies downloads from cloud services to securely access remote files.
- Resumable Upload Clients - Implements a resumable upload client that tracks byte-offsets to recover interrupted transfers.
- Headless Logic Decoupling - Separates the core upload state machine from the visual layer to enable completely custom user interface implementations.
- Plugin-Based Architectures - Utilizes a modular architecture that allows extending functionality via independent modules for file sources and destinations.
- Custom Upload Components - Offers headless components and logic hooks to build completely custom, design-specific upload interfaces.
- Upload Interface Customization - Allows construction of user interfaces using pre-composed components, headless elements, or logic-only hooks for full design control.
- File Uploaders - Displays a user interface for selecting and managing files as a modal dashboard or embedded inline.
- Asynchronous Uploaders - Provides a visual dashboard for selecting, organizing, and monitoring background file transfers with real-time feedback.
- Headless UI Components - Offers logic-only interface components that provide upload functionality without enforcing specific visual styles.
- File Source Integrations - Allows importing files from local storage, webcams, and cloud providers into a centralized queue.
- Multi-Source File Ingestion - Collects files from local storage, webcams, and cloud providers to centralize file ingestion.
- Chunked Uploaders - Breaks large files into smaller pieces and transmits them via sequential HTTP requests for improved reliability.
- Cloud File Importers - Implements OAuth flows to securely import files directly from remote cloud providers.
- File Upload Management - Allows gathering user-provided information via forms and attaching it to the file payload during upload.
- User-Provided Metadata Collection - Gathers additional information from users via a form before initiating the upload process.
- Client-Side File Processing - Transforms files during the upload workflow through integrated tools such as image editors and compressors.
- Multi-Destination Uploads - Supports transmitting files to multiple destinations using a variety of protocols.
- Session Recovery - Implements LocalStorage persistence to recover pending uploads after browser crashes.
- Media Capture Utilities - Integrates direct camera access to capture and upload images or video clips from the user device.
- Browser Session Persistence - Saves the current upload queue and file metadata to the browser to recover interrupted sessions after a crash.
- Image Previewers - Provides components for rendering and displaying captured image thumbnails for user review.
- File Previewers - Creates image thumbnails for uploaded files to provide visual confirmation before final submission.
- Reactive State Syncing - Maintains a centralized store of file metadata and status that automatically updates connected interface components.
- Backend and Infrastructure - File uploading and processing library.
- File Upload - A sleek, modular JavaScript file uploader that integrates seamlessly with Angular.
- File Management - Modular file uploader for web-based applications.
