Zum Hauptinhalt springen

Datei-Kompressor Capacitor Plugin

Capacitor Plugin für effiziente Bildkompression mit Unterstützung für PNG-, JPEG- und WebP-Formate auf iOS, Android und Web-Plattformen

Installieren

bun add @capgo/capacitor-file-compressor bunx cap sync
npm, pnpm oder yarn
  • npm install @capgo/capacitor-file-compressor
  • pnpm add @capgo/capacitor-file-compressor
  • yarn add @capgo/capacitor-file-compressor

Anleitung

So nutzt du den File Compressor in Capacitor

Auf dem Gerät testen

Lade die Capgo App herunter und scanne den QR code.

QR-Code zur File Compressor Plugin-Vorschau code

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.

FAQ

File Compressor Plugin FAQ

Wie installiere ich das File Compressor Plugin in einer Capacitor App?

Führe "bun add @capgo/capacitor-file-compressor" (oder "npm install @capgo/capacitor-file-compressor") aus und danach "bunx cap sync", damit die iOS- und Android-Projekte die nativen code übernehmen. Importiere es in deiner App code aus "@capgo/capacitor-file-compressor".

Funktioniert @capgo/capacitor-file-compressor mit React, Vue und Angular?

Ja. File Compressor ist ein Capacitor Package und funktioniert daher mit jedem Web-Framework, das in Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und reinem JavaScript.

Welche Capacitor Version wird von @capgo/capacitor-file-compressor unterstützt?

Capgo Plugins folgen der Major-Version von Capacitor: Nutze die Plugin-Major-Version, die zu deiner Capacitor Major-Version passt (z. B. Plugin v8 bei Capacitor 8). Die Kompatibilitätstabelle im GitHub README listet die gepflegten Versionen auf.

Ist @capgo/capacitor-file-compressor kostenlos und Open Source?

Ja. Der code Quellcode ist auf GitHub unter https://github.com/Cap-go/capacitor-file-compressor/ öffentlich einsehbar und das Package kann kostenlos via npm installiert werden. Bug-Reports und Pull Requests sind willkommen.

Kann ich code mit File Compressor aktualisieren, ohne ein App Store Review abzuwarten?

Die Installation oder ein Upgrade des Plugins ändert den nativen code, weshalb ein neuer Store-Build nötig ist. Danach können JavaScript-, HTML- und CSS-Änderungen, die das Plugin aufrufen, sofort per Capgo Live Updates ausgeliefert werden.

File Compressor Änderungen deployen, ohne auf den App Review zu warten

Sobald das Plugin in deinem Store-Build ist, bringt Capgo mit Live-Updates deine JavaScript-, HTML- und CSS-Änderungen in Minuten zu den Nutzern.

Starte mit Capgo