Zum Hauptinhalt springen
Zurück zu Plugins
@capgo/capacitor-Datei-Wähler
Tutorial
von github.com/Cap-go

Datei-Wähler

Dateien, Bilder, Videos und Verzeichnisse mit vollständiger nativer Unterstützung für iOS und Android einschließlich HEIC-Umstellung wählen

Richtlinie

Datei Picker-Tutorial

Mit @capgo/capacitor-datei-picker

Capacitor Datei Picker-Plugin für die Auswahl von Dateien, Bildern, Videos und Verzeichnissen.

Installieren

bun add @capgo/capacitor-file-picker
bunx cap sync

Was diese Erweiterung bereitstellt

  • pickFiles - Wählen Sie eins oder mehrere Dateien vom Gerät aus.
  • pickImages - Wählen Sie eins oder mehrere Bilder aus der Galerie. Nur Android/iOS.
  • pickVideos - Wählen Sie eins oder mehrere Videos aus der Galerie. Nur Android/iOS.
  • pickMedia - Wählen Sie eins oder mehrere Bilder oder Videos aus der Galerie. Nur Android/iOS.

Beispiel zur Verwendung

pickFiles

Wählen Sie eins oder mehrere Dateien vom Gerät aus.

import { CapgoFilePicker } from '@capgo/capacitor-file-picker';

const result = await CapgoFilePicker.pickFiles({
  types: ['application/pdf', 'image/*'],
  limit: 5,
  readData: false
});
console.log('Picked files:', result.files);

pickImages

Wählen Sie eins oder mehrere Bilder aus der Galerie. Nur Android/iOS.

import { CapgoFilePicker } from '@capgo/capacitor-file-picker';

const result = await CapgoFilePicker.pickImages({
  limit: 10,
  readData: false
});
console.log('Picked images:', result.files);

pickVideos

Wählen Sie eins oder mehrere Videos aus der Galerie. Nur Android/iOS.

import { CapgoFilePicker } from '@capgo/capacitor-file-picker';

const result = await CapgoFilePicker.pickVideos({
  limit: 3,
  skipTranscoding: true
});
console.log('Picked videos:', result.files);

pickMedia

Wählen Sie eins oder mehrere Bilder oder Videos aus der Galerie. Nur Android/iOS.

import { CapgoFilePicker } from '@capgo/capacitor-file-picker';

const result = await CapgoFilePicker.pickMedia({
  limit: 5,
  readData: true
});
console.log('Picked media:', result.files);

Vollständige Referenz

Weitermachen von Using @capgo/capacitor-datei-wähler

Wenn Sie Mit @capgo/capacitor-datei-wähler für die Planung von Speicher und Dateihandhabung vernetzen, @capgo/capacitor-datei-wähler für die Implementierungsdetails in @capgo/capacitor-datei-wähler Einstieg für die Implementierungsdetails in Einstieg, @capgo/capacitor-daten-speicher-sqlite für die Implementierungsdetails in @capgo/capacitor-daten-speicher-sqlite, Mit @capgo/capacitor-data-storage-sqlite für die native Fähigkeit in Mit @capgo/capacitor-data-storage-sqlite, und @capgo/capacitor-file für die Implementierungsdetails in @capgo/capacitor-file.