Repolode
Enviar
transloadit

transloadit/uppy

Un cargador modular de archivos JavaScript para navegadores, con cargas reanudables, selectores de archivos en la nube, captura con webcam y una interfaz Dashboard lista para usar.

Alternativa open source a:FilestackDropzone

Ver en GitHubSitio web
Estrellas
31,058
Forks
2,114
Issues abiertos
230
Último commit
hace 17 horas

¿Qué es?

Uppy es un cargador modular de archivos JavaScript que puedes añadir a una aplicación web para gestionar la selección de archivos, las vistas previas, la edición de metadatos y las cargas. Su núcleo es un pequeño sistema de plugins: puedes combinar una interfaz como Dashboard con fuentes (disco local, webcam, Google Drive, Dropbox, Box, OneDrive y URL remotas) y un destino (Tus, AWS S3 o un endpoint XHR estándar).

Las cargas reanudables usan el protocolo abierto tus, por lo que los archivos grandes pueden seguir cargándose tras interrupciones de red o cierres inesperados del navegador. Los selectores de archivos en la nube que requieren credenciales del lado del servidor usan el componente de servidor Companion, que puedes alojar por tu cuenta. Uppy también se integra con el servicio de codificación Transloadit, pero funciona sin él.

Uppy permite usar JavaScript sin frameworks y ofrece compatibilidad con React, Vue, Svelte y Angular, incluidos componentes prediseñados, componentes headless y hooks para crear interfaces personalizadas.

Funciones clave

  • 01Cargas reanudables mediante el protocolo tus que se recuperan tras cortes de conexión
  • 02Seleccionar archivos de Google Drive, Dropbox, Box, OneDrive y URL remotas
  • 03Capturar fotos y videos con la webcam como fuente de carga
  • 04Interfaz Dashboard con vistas previas, barras de progreso y editor de metadatos
  • 05Arquitectura modular de plugins con bindings para React, Vue, Svelte y Angular
  • 06Recuperación opcional de archivos tras un cierre inesperado del navegador mediante Golden Retriever

Casos de uso

  • Añadir a una aplicación web un formulario de carga de archivos robusto y compatible con archivos grandes
  • Permitir que los usuarios importen archivos de unidades en la nube sin descargarlos primero
  • Cargar archivos directamente desde el navegador a AWS S3 o a un servidor tus alojado por tu cuenta
  • Crear una interfaz de carga personalizada a partir de componentes headless o hooks

Inicio rápido

  1. 1

    Instala los paquetes core, Dashboard y Tus con npm

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

    Añade la hoja de estilos uppy.min.css al head de tu página

  3. 3

    Inicializa Uppy con los plugins Dashboard y Tus en JavaScript

Antes de usarlo

  • Algunos plugins de origen, como Google Drive, Dropbox y Box, necesitan un servidor Companion alojado por separado.

Temas

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

Preguntas frecuentes

¿Qué es uppy?
Un cargador modular de archivos JavaScript para navegadores, con cargas reanudables, selectores de archivos en la nube, captura con webcam y una interfaz Dashboard lista para usar. Uppy es un cargador modular de archivos JavaScript que puedes añadir a una aplicación web para gestionar la selección de archivos, las vistas previas, la edición de metadatos y las cargas. Su núcleo es un pequeño sistema de plugins: puedes combinar una interfaz como Dashboard con fuentes (disco local, webcam, Google Drive, Dropbox, Box, OneDrive y URL remotas) y un destino (Tus, AWS S3 o un endpoint XHR estándar).
¿uppy es gratuito? ¿Qué licencia tiene?
uppy es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿uppy sigue mantenido?
Mantenimiento activo. El último commit de uppy fue el 5 nov 2026.
¿Para qué puedo usar uppy?
Añadir a una aplicación web un formulario de carga de archivos robusto y compatible con archivos grandes Permitir que los usuarios importen archivos de unidades en la nube sin descargarlos primero Cargar archivos directamente desde el navegador a AWS S3 o a un servidor tus alojado por tu cuenta Crear una interfaz de carga personalizada a partir de componentes headless o hooks
¿Cómo se instala uppy?
Instala los paquetes core, Dashboard y Tus con npm: npm install @uppy/core @uppy/dashboard @uppy/tus Añade la hoja de estilos uppy.min.css al head de tu página Inicializa Uppy con los plugins Dashboard y Tus en JavaScript
¿Dónde consigo uppy?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/transloadit/uppy

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados

tus / tusd

Servidor de referencia en Go para el protocolo tus, que permite reanudar cargas de archivos por HTTP en disco local, Google Cloud Storage o S3.

Backend y APIs#resumable-upload#file-upload#tus
3,9 mil+4 esta semana559GoMITBien mantenidoActualizado ayer