Utilisation de @capgo/capacitor-file-compressor
Interface du plugin Capacitor File Compressor pour la compression d'images
Installer
bun add @capgo/capacitor-file-compressor
bunx cap sync
bunx cap sync copie le code natif du plugin dans vos projets natifs. Exécutez-l’à nouveau après chaque mise à niveau du plugin
Importer
import { FileCompressor } from '@capgo/capacitor-file-compressor';
Vue d'ensemble de API
| Méthode | Description |
|---|---|
compressImage |
Comprime une image avec des dimensions et des paramètres de qualité spécifiés. |
Exemples
compressImage()
Comprime une image avec des dimensions et des paramètres de qualité spécifiés.
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);
Référence complète
Continuez à partir de l'utilisation de @capgo/capacitor-file-compressor
Si vous utilisez L'utilisation de @capgo/capacitor-file-compressor planifier l'attente de stockage et la gestion des fichiers, connectez-l’à @capgo/capacitor-compressor-de-fichiers pour le détail d'implémentation dans @capgo/capacitor-compresseur-de-fichiers Getting Started pour les détails d'implémentation dans Démarrage @capgo/capacitor-stockage-de-données-sqlite Pour les détails d'implémentation dans @capgo/capacitor-stockage-de-données-sqlite. Utilisation de @capgo/capacitor-stockage-de-données-sqlite pour la capacité native en utilisant @capgo/capacitor-data-storage-sqlite, et @capgo/capacitor-fichier pour le détail d'implémentation dans @capgo/capacitor-fichier.