Repolode
Enviar
transloadit

transloadit/uppy

Um uploader modular de arquivos em JavaScript para navegadores, com uploads retomáveis, seletores de arquivos na nuvem, captura pela webcam e uma interface Dashboard pronta para uso.

Alternativa open source a:FilestackDropzone

Ver no GitHubSite
Estrelas
31,061
Forks
2,113
Issues abertas
230
Último commit
anteontem

O que é?

Uppy é um uploader modular de arquivos em JavaScript que você adiciona a uma aplicação web para gerenciar a seleção de arquivos, prévias, edição de metadados e uploads. Seu núcleo é um pequeno sistema de plugins: você combina uma interface, como o Dashboard, com fontes (disco local, webcam, Google Drive, Dropbox, Box, OneDrive e URLs remotas) e um destino (Tus, AWS S3 ou um endpoint XHR simples).

Os uploads retomáveis usam o protocolo aberto tus, permitindo que arquivos grandes continuem sendo enviados após interrupções de rede ou falhas do navegador. Os seletores de arquivos na nuvem que precisam de credenciais no servidor dependem do componente de servidor companion, que pode ser hospedado por conta própria. Uppy também se integra ao serviço de codificação Transloadit, mas funciona sem ele.

Uppy permite o uso direto com JavaScript e oferece suporte a React, Vue, Svelte e Angular, incluindo componentes prontos, componentes headless e hooks para interfaces personalizadas.

Recursos principais

  • 01Uploads retomáveis pelo protocolo tus, que continuam após quedas de conexão
  • 02Selecionar arquivos do Google Drive, Dropbox, Box, OneDrive e URLs remotas
  • 03Capturar fotos e vídeos pela webcam como fonte de upload
  • 04Interface Dashboard com prévias, barras de progresso e editor de metadados
  • 05Arquitetura modular de plugins com integrações para React, Vue, Svelte e Angular
  • 06Recuperação opcional de arquivos após falhas do navegador com o Golden Retriever

Casos de uso

  • Adicionar a uma aplicação web um formulário robusto de upload de arquivos com suporte a arquivos grandes
  • Permitir que usuários importem arquivos de serviços de armazenamento na nuvem sem baixá-los primeiro
  • Fazer uploads diretamente do navegador para o AWS S3 ou um servidor tus hospedado por conta própria
  • Criar uma interface de upload personalizada com componentes headless ou hooks

Início rápido

  1. 1

    Instale os pacotes core, Dashboard e Tus com npm

    npm install @uppy/core @uppy/dashboard @uppy/tus
  2. 2

    Adicione a folha de estilos uppy.min.css ao head da sua página

  3. 3

    Inicialize o Uppy com os plugins Dashboard e Tus no JavaScript

Antes de usar

  • Alguns plugins de origem, como Google Drive, Dropbox e Box, precisam de um servidor Companion hospedado separadamente.

Tópicos

#file-upload#javascript#typescript#resumable-uploads#tus#frontend-components#webcam#s3#dropbox#encoding

Perguntas frequentes

O que é uppy?
Um uploader modular de arquivos em JavaScript para navegadores, com uploads retomáveis, seletores de arquivos na nuvem, captura pela webcam e uma interface Dashboard pronta para uso. Uppy é um uploader modular de arquivos em JavaScript que você adiciona a uma aplicação web para gerenciar a seleção de arquivos, prévias, edição de metadados e uploads. Seu núcleo é um pequeno sistema de plugins: você combina uma interface, como o Dashboard, com fontes (disco local, webcam, Google Drive, Dropbox, Box, OneDrive e URLs remotas) e um destino (Tus, AWS S3 ou um endpoint XHR simples).
uppy é gratuito? Qual é a licença?
uppy é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
uppy ainda é mantido?
Manutenção ativa. O último commit de uppy foi em 5 de nov. de 2026.
Para que posso usar uppy?
Adicionar a uma aplicação web um formulário robusto de upload de arquivos com suporte a arquivos grandes Permitir que usuários importem arquivos de serviços de armazenamento na nuvem sem baixá-los primeiro Fazer uploads diretamente do navegador para o AWS S3 ou um servidor tus hospedado por conta própria Criar uma interface de upload personalizada com componentes headless ou hooks
Como instalar uppy?
Instale os pacotes core, Dashboard e Tus com npm: npm install @uppy/core @uppy/dashboard @uppy/tus Adicione a folha de estilos uppy.min.css ao head da sua página Inicialize o Uppy com os plugins Dashboard e Tus no JavaScript
Onde consigo uppy?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/transloadit/uppy

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados

tus / tusd

Servidor de referência em Go para o protocolo tus, que permite uploads HTTP retomáveis para disco local, Google Cloud Storage ou S3.

Backend e APIs#resumable-upload#file-upload#tus
3,9 mil+4 esta semana557GoMITBem mantidoAtualizado anteontem