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.