Sauter au contenu principal
Retour aux plugins
@capgo/capacitor-file-picker
Tutoriel
@capgo/capacitor-file-picker

Icône du plugin File Picker

Sélectionnez des fichiers, des images, des vidéos et des répertoires avec un support natif complet pour iOS et Android, y compris la conversion HEIC

Guide

Tutoriel sur le sélecteur de fichiers

Utilisation de @capgo/capacitor-file-picker

Interface du plugin Sélecteur de fichiers Capacitor pour sélectionner des fichiers, des images, des vidéos et des répertoires.

Installation

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

Ce plugin expose les éléments suivants

  • pickFiles - Sélectionnez un ou plusieurs fichiers sur le dispositif.
  • pickImages - Sélectionnez un ou plusieurs images de la galerie. Disponible sur Android/iOS.
  • pickVideos - Sélectionnez un ou plusieurs vidéos de la galerie. Disponible sur Android/iOS.
  • pickMedia - Sélectionnez un ou plusieurs images ou vidéos de la galerie. Disponible sur Android/iOS.

Exemple d'utilisation

pickFiles

Sélectionnez un ou plusieurs fichiers sur le dispositif.

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

Sélectionnez un ou plusieurs images de la galerie. Disponible sur 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

Sélectionnez un ou plusieurs vidéos de la galerie. Disponible sur 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

Sélectionnez un ou plusieurs images ou vidéos de la galerie. Disponible sur Android/iOS.

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

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

Référence complète

Continuez de l'utilisation de @capgo/capacitor-picker-de-fichier

Si vous utilisez En utilisant @capgo/capacitor-picker-de-fichier pour planifier le stockage et la gestion des fichiers, connectez-le avec @capgo/capacitor-picker-de-fichier pour les détails d'implémentation dans @capgo/capacitor-picker-de-fichier, Prise en main pour les détails d'implémentation dans Prise en main, @capgo/capacitor-stockage-de-données-sqlite pour les détails d'implémentation dans @capgo/capacitor-data-storage-sqlite, En utilisant @capgo/capacitor-data-storage-sqlite pour la capacité native dans En utilisant @capgo/capacitor-data-storage-sqlite, et @capgo/capacitor-file pour les détails d'implémentation dans @capgo/capacitor-file.