Guide
Wie man den Dateikompressor in Capacitor verwendet
Verwendung von @capgo/capacitor-file-compressor
Capacitor File Compressor Plugin interface for image compression.
Installieren
bun add @capgo/capacitor-file-compressor
bunx cap sync
bunx cap sync kopiert die native code des Plugins in Ihre native Projekte. Führen Sie es erneut durch, nachdem Sie das Plugin aktualisiert haben.
Importieren
import { FileCompressor } from '@capgo/capacitor-file-compressor';
API im Überblick
| Methode | Beschreibung |
|---|---|
compressImage |
Komprimiert ein Bild mit angegebenen Dimensionen und Qualitätseinstellungen. |
Beispiele
compressImage()
Komprimiert ein Bild mit angegebenen 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 zum Thema "@capgo/capacitor-file-compressor"
Wenn Sie "@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-file-compressor" verwenden Verwenden Sie "@capgo/capacitor-file-compressor" um Speicherplatz und Dateimanagement zu planen, verbinden Sie es mit @capgo/capacitor-Dateikomprimierer für die Implementierungsdetails in @capgo/capacitor-Dateikomprimierer Getting Started für die Implementierungsdetails in Einstieg @capgo/capacitor-Daten-Speicher-SQLite für die Implementierungsdetails in @capgo/capacitor-Daten-Speicher-SQLite Verwendung von @capgo/capacitor-Daten-Speicher-SQLite für die native Fähigkeit in Verwendung von @capgo/capacitor-Daten-Speicher-SQLite und @capgo/capacitor-Datei für die Implementierungsdetails in @capgo/capacitor-Datei