Saltar al contenido principal
@capgo/capacitor-file-compressor Multimedia Código abierto

Compresor de archivos plugin Capacitor

Plugin Capacitor para compresión eficiente de imágenes en PNG, JPEG y WebP en iOS, Android y web

Instalar

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

Guía

Cómo usar File Compressor en Capacitor

Probar en el dispositivo

Descarga la app Capgo y escanea el QR code.

Vista previa QR del plugin File Compressor code

Usando @capgo/capacitor-file-compressor

Interfaz del plugin File Compressor de Capacitor para compresión de imágenes.

Instalar

bun add @capgo/capacitor-file-compressor
bunx cap sync

bunx cap sync copia el code nativo del plugin en tus proyectos nativos. Ejecútalo de nuevo tras cada actualización del plugin.

Importar

import { FileCompressor } from '@capgo/capacitor-file-compressor';

API de un vistazo

Método Descripción
compressImage Comprime archivos de imagen con dimensiones y ajustes de calidad específicos.

Ejemplos

compressImage()

Comprime archivos de imagen con dimensiones y ajustes de calidad específicos.

import { FileCompressor } from '@capgo/capacitor-file-compressor';

// Web - Compress from file input
const fileInput = document.getElementById('file') as HTMLInputElement;
const file = fileInput.files[0];
const result = await FileCompressor.compressImage({
  blob: file,
  quality: 0.8,
  width: 1200,
  mimeType: 'image/jpeg'
});
const url = URL.createObjectURL(result.blob);

Referencia completa

Continúa con el uso de @capgo/capacitor-file-compressor

Si estás usando Usando @capgo/capacitor-file-compressor para planificar el almacenamiento y la gestión de archivos, conéctalo con @capgo/capacitor-file-compressor por los detalles de implementación en @capgo/capacitor-file-compressor, Primeros pasos para los detalles de implementación en Primeros pasos, @capgo/capacitor-data-storage-sqlite para el detalle de implementación en @capgo/capacitor-data-storage-sqlite, Uso de @capgo/capacitor-data-storage-sqlite para la capacidad nativa en Uso de @capgo/capacitor-data-storage-sqlite, y @capgo/capacitor-file por los detalles de implementación en @capgo/capacitor-file.

FAQ

FAQ del plugin File Compressor

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

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

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

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

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

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-file-compressor 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-file-compressor/ y el paquete se puede instalar gratis desde npm. Los reportes de bugs y pull requests son bienvenidos.

¿Puedo actualizar code que usa File Compressor 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 File Compressor 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