Anleitung
So nutzt du den File Compressor in Capacitor
Verwendung von @capgo/capacitor-file-compressor
Capacitor File Compressor Plugin zur Bildkomprimierung.
Installieren
bun add @capgo/capacitor-file-compressor
bunx cap sync
bunx cap sync kopiert den nativen code des Plugins in deine nativen Projekte. Nach jedem Plugin-Upgrade erneut ausführen.
Importieren
import { FileCompressor } from '@capgo/capacitor-file-compressor';
API auf einen Blick
| Methode | Beschreibung |
|---|---|
compressImage |
Komprimiert Bilddateien mit festgelegten Dimensionen und Qualitätseinstellungen. |
Beispiele
compressImage()
Komprimiert Bilddateien mit festgelegten Dimensionen und Qualitätseinstellungen.
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);
Vollständige Referenz
Weiter mit der Nutzung von @capgo/capacitor-file-compressor
Wenn du es nutzt Mit @capgo/capacitor-file-compressor um Speicherplatz und Dateiverarbeitung zu planen, verbinde es mit @capgo/capacitor-file-compressor für die Implementierungsdetails in @capgo/capacitor-file-compressor, Erste Schritte für die Implementierungsdetails in Erste Schritte, @capgo/capacitor-data-storage-sqlite für die Implementierungsdetails in @capgo/capacitor-data-storage-sqlite, Mit @capgo/capacitor-data-storage-sqlite für die native Funktion bei der Nutzung von @capgo/capacitor-data-storage-sqlite und @capgo/capacitor-file für die Implementierungsdetails in @capgo/capacitor-file.