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

File Picker

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

Guide

Tutoriel sur le sélectionneur de fichiers

Utilisation de @capgo/capacitor-file-picker

Interface du plugin de sélectionneur de fichiers Capacitor pour sélectionner des fichiers, des images, des vidéos et des dossiers.

Installer

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

Ce que ce plugin expose

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

Exemple d'utilisation

pickFiles

Sélectionnez une 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 une ou plusieurs images de la galerie. Disponible uniquement 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 une ou plusieurs vidéos de la galerie. Disponible uniquement 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 une ou plusieurs images ou vidéos de la galerie. Disponible uniquement 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 à partir de l'utilisation de @capgo/capacitor-file-picker

Si vous utilisez En utilisant @capgo/capacitor-file-picker pour planifier le stockage et la gestion des fichiers, connectez-le avec @capgo/capacitor-file-picker pour les détails d'implémentation dans @capgo/capacitor-file-picker, Prise en main pour les détails d'implémentation dans Prise en main, @capgo/capacitor-data-storage-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 détails d'implémentation dans le fichier @capgo/capacitor-file.