Saltar al contenido principal
@capgo/capacitor-uploader Archivos y almacenamiento Código abierto

Subida plugin Capacitor

Sube archivos grandes de forma fiable en segundo plano con seguimiento de progreso y reintentos

Instalar

bun add @capgo/capacitor-uploader bunx cap sync
npm, pnpm o yarn
  • npm install @capgo/capacitor-uploader
  • pnpm add @capgo/capacitor-uploader
  • yarn add @capgo/capacitor-uploader

Guía

Cómo usar Uploader en Capacitor

Probar en el dispositivo

Descarga la app Capgo y escanea el QR code.

Vista previa QR del plugin Uploader code

Uso de @capgo/capacitor-uploader

Plugin Capacitor Uploader para subir archivos con soporte en segundo plano y seguimiento de progreso.

Instalar

bun add @capgo/capacitor-uploader
bunx cap sync

Lo que expone este plugin

  • startUpload - Iniciar la subida de un archivo a un servidor.
  • removeUpload - Cancelar y eliminar una subida en curso.

Ejemplo de uso

startUpload

Empieza a subir un archivo a un servidor.

import { Uploader } from '@capgo/capacitor-uploader';

const { id } = await Uploader.startUpload({
  filePath: 'file:///path/to/file.jpg',
  serverUrl: 'https://example.com/upload',
  headers: {
    'Authorization': 'Bearer token'
  },
  method: 'POST',
  uploadType: 'multipart',
  fileField: 'photo'
});
console.log('Upload started with ID:', id);

removeUpload

Cancela y elimina una subida en curso.

import { Uploader } from '@capgo/capacitor-uploader';

await Uploader.removeUpload({ id: 'upload-123' });

Referencia completa

Continuar desde Usando @capgo/capacitor-uploader

Si estás usando Uso de @capgo/capacitor-uploader para planificar la migración y las operaciones enterprise, conéctalo con @capgo/capacitor-uploader para los detalles de implementación en @capgo/capacitor-uploader, Primeros pasos para los detalles de implementación en Primeros pasos, Capgo Enterprise para el flujo de trabajo del producto en Capgo Enterprise, Alternativas a plugins de Ionic Enterprise para el flujo de trabajo en Alternativas a plugins de Ionic Enterprise, y Alternativas a Capgo para el flujo de trabajo del producto en Capgo Alternatives.

FAQ

FAQ del plugin Uploader

¿Cómo instalo el plugin Uploader en una app Capacitor?

Ejecuta "bun add @capgo/capacitor-uploader" (o "npm install @capgo/capacitor-uploader"), luego ejecuta "bunx cap sync" para que los proyectos de iOS y Android reconozcan el code nativo. Impórtalo desde "@capgo/capacitor-uploader" en el code de tu app.

¿Es compatible @capgo/capacitor-uploader con React, Vue y Angular?

Sí. Uploader es un paquete Capacitor, por lo que funciona con cualquier framework web que se ejecute dentro de Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor es compatible con @capgo/capacitor-uploader?

Los plugins de Capgo siguen la versión mayor de Capacitor: usa la versión mayor del plugin que coincida con la versión mayor de tu Capacitor (por ejemplo, el plugin v8 con Capacitor 8). La tabla de compatibilidad del README de GitHub lista las versiones mantenidas.

¿Es @capgo/capacitor-uploader gratuito y de código abierto?

Sí. El código fuente de code es público en GitHub en https://github.com/Cap-go/capacitor-uploader/ y el paquete se puede instalar gratis desde npm. Los reportes de bugs y pull requests son bienvenidos.

¿Puedo actualizar code que usa Uploader sin pasar por la revisión de la App Store?

Instalar o actualizar el plugin cambia el code nativo, así que requiere un nuevo build para la tienda. Después, los cambios de JavaScript, HTML y CSS que llamen al plugin se pueden publicar al instante con las live updates de Capgo.

Lanza cambios de Uploader sin esperar la revisión de la app

Una vez que el plugin esté en tu store build, Capgo live updates envía tus cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Empieza con Capgo