Sauter au contenu principal
Retour aux plugins
@capgo/capacitor-file-picker
Tutoriel
par github.com/Cap-go

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

Capacitor Plugin de sélection de fichiers, images, vidéos et dossiers

Installer

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

Ce Qu'Exposent Ce Plugin

  • pickFiles - Sélectionnez un ou plusieurs fichiers sur le dispositif.
  • pickImages - Sélectionnez un ou plusieurs images de la galerie. Disponible uniquement sur Android/iOS.
  • pickVideos - Sélectionnez un ou plusieurs vidéos de la galerie. Disponible uniquement sur Android/iOS.
  • pickMedia - Sélectionnez un ou plusieurs images ou vidéos de la galerie. Disponible uniquement 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 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 un 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 un 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 avec l'utilisation de @capgo/capacitor-file-picker

Si vous utilisez L'utilisation de @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, Démarrage pour les détails d'implémentation dans Démarrage, @capgo/capacitor-data-storage-sqlite pour les détails d'implémentation dans @capgo/capacitor-data-storage-sqlite Utilisez @capgo/capacitor-data-storage-sqlite pour la capacité native dans Utilisez @capgo/capacitor-data-storage-sqlite, et @capgo/capacitor-file pour le détail d'implémentation dans @capgo/capacitor-file.