# Herramienta de subida de archivos Uppy [transloadit/uppy⁠](https://github.com/transloadit/uppy) [Uppy⁠](https://uppy.io) es una herramienta de código abierto de Transloadit para subir archivos desde navegadores web. Con más de30.000 seguidores en GitHub, es la herramienta de subida de archivos n.º 1 del mundo. Gracias a la compatibilidad integrada con [el protocolo tus⁠](https://tus.io), las subidas pueden superar interrupciones de red, cierres inesperados del navegador y salidas accidentales de la página. Además, es la forma recomendada de integrar Transloadit con navegadores web. El [plugin de Transloadit⁠](https://uppy.io/docs/transloadit/) para Uppy te permite comunicarte con la API de Transloadit. Puedes usarlo con todos los demás plugins de Uppy, por ejemplo, con el selector modal de archivos compatible con importaciones desde servicios de terceros como Instagram, con la integración en formularios HTML y mucho más. Transloadit aloja tusd para subidas reanudables y nuestra API de encoding. Cuando añades fuentes remotas, también alojamos Companion. ## Subir archivos con Uppy + Transloadit Piensa en Uppy como la experiencia de subida en el navegador y en Transloadit como el pipeline de procesamiento: 1. **Uppy** recopila archivos (de fuentes locales, remotas o de la cámara) y los sube mediante la capacidad de reanudación del protocolo tus. 2. **Transloadit** ejecuta tu Assembly (codificar, optimizar, analizar, almacenar, etc.). 3. **La entrega** se realiza desde tu almacenamiento, opcionalmente mediante tu CDN o la CDN de Transloadit (TLCDN). Si solo necesitas subidas y almacenamiento, puedes mantener tu Assembly al mínimo (solo `/upload/handle`y un Step de exportación). Si necesitas transformaciones, añade los Robots correspondientes y mantén igual la experiencia de subida; Uppy no cambia. Esto facilita ofrecer una única interfaz de subida coherente mientras sustituyes o amplías los Steps de procesamiento a medida que evoluciona tu producto. ## Guías para frameworks Empieza con la [guía oficial de Uppy⁠](https://uppy.io/docs/guides/uppy-transloadit/) para configurar el Template y la firma en el servidor. Después, ve a la sección del cliente para tu framework: * [JavaScript⁠](https://uppy.io/docs/guides/uppy-transloadit/#javascript) * [React⁠](https://uppy.io/docs/guides/uppy-transloadit/#react) * [Next.js⁠](https://uppy.io/docs/guides/uppy-transloadit/#nextjs) * [Vue⁠](https://uppy.io/docs/guides/uppy-transloadit/#vue) * [Angular⁠](https://uppy.io/docs/guides/uppy-transloadit/#angular) La guía mantiene el Auth Secret de Transloadit en el servidor, firma opciones de Assembly de corta duración y proporciona al navegador únicamente los valores que necesita`@uppy/transloadit`. Antes de firmar, el servidor debe elegir el Template permitido y autorizar al usuario actual; no debe firmar Instructions arbitrarias recibidas del navegador. ### Ejemplo Para esta demostración, mostraremos una ruta exitosa que usa la detección de rostros de Transloadit, un selector y nuestro paquete de CDN. Esta demo incluye deliberadamente un Auth Key e Instructions sin firmar en el navegador. Úsala solo con credenciales de prueba. En producción, sigue el flujo de Template firmado en el servidor de la guía para frameworks anterior. ```html Select Files ``` Para ver más ejemplos, consulta[examples/⁠](https://github.com/transloadit/uppy/tree/main/examples) o[pruébalos en vivo⁠](https://uppy.io/examples/dashboard/). Uppy y Transloadit son muy versátiles, así que quizá tengas una necesidad diferente y es probable que ya la admitamos. ### Documentación [Consulta la documentación completa del plugin de Transloadit para Uppy⁠](https://uppy.io/docs/transloadit/), que incluye toda la API del plugin. Empieza con la[guía para frameworks⁠](https://uppy.io/docs/guides/uppy-transloadit/) para crear una integración completa.