Saltar al contenido principal
@capgo/capacitor-comprimidor-de-archivos Multimedia De código abierto

Compresor de archivos plugin de Capacitor

Capacitor plugin para compresión de imágenes eficiente que admite PNG, JPEG y WebP en iOS, Android y plataformas 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 Compresor de Archivos en Capacitor

Probar en dispositivo

Descargue la aplicación Capgo, luego escanea el código QR code.

Compresor de archivos plugin preview QR code

Usando @capgo/capacitor-file-compressor

Complemento de compresión de archivos Capacitor

Instalar

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

bunx cap sync copia el complemento nativo code en tus proyectos nativos. Correlo de nuevo después de cada actualización del complemento.

Importar

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

Vista general de API

Metodo Descripción
compressImage Comprime un archivo de imagen con dimensiones y ajustes de calidad especificados.

Ejemplos

compressImage()

Comprime un archivo de imagen con dimensiones y ajustes de calidad especificados.

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

Sigue adelante desde Usando @capgo/capacitor-file-compressor

Usando @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-file-compressor Usando @capgo/capacitor-compresor de archivo para planificar el almacenamiento y el manejo de archivos, conecta con @capgo/capacitor-compresor de archivos Para la implementación detallada en @capgo/capacitor-compresor de archivos. Getting Started para los detalles de implementación en Inicio @capgo/capacitor-almacenamiento-de-datos-sqlite Para la implementación detallada en @capgo/capacitor-almacenamiento-de-datos-sqlite. Usando @capgo/capacitor-almacenamiento-de-datos-sqlite para la capacidad nativa en Usando @capgo/capacitor-almacenamiento-de-datos-sqlite, y @capgo/capacitor-archivo para el detalle de implementación en @capgo/capacitor-archivo.

FAQ

Preguntas frecuentes

¿Cómo instalo el complemento de compresión de archivos en una aplicación Capacitor?

Run "bun add @capgo/capacitor-file-compressor" (or "npm install @capgo/capacitor-file-compressor"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-file-compressor" in your app code.

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

Sí. El compresor de archivos 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.

¿Cuál es la versión de Capacitor que soporta @capgo/capacitor-file-compressor?

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

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

Sí. El código fuente de code está disponible en GitHub en https://github.com/Cap-go/capacitor-file-compressor/ y el paquete es gratuito para instalar desde npm. Se aceptan informes de errores y solicitudes de extracción.

¿Puedo actualizar code que utiliza el compresor de archivos sin una revisión de la Tienda?

Instalar o actualizar el plugin cambia el code nativo, por lo que necesita una nueva compilación de la tienda. Después de eso, los cambios de JavaScript, HTML y CSS que llaman al plugin pueden enviar directamente con Capgo actualizaciones en vivo.

Envía cambios del compresor de archivos sin esperar la revisión de la aplicación

Una vez que el plugin esté en tu tienda de construcción, Capgo actualizaciones en vivo envían tus cambios en JavaScript, HTML y CSS a los usuarios en minutos.

Inicie con Capgo