Installation initiale
Copiez une commande de configuration avec les étapes d'installation et la guide markdown complet pour ce plugin.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-file-picker`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/file-picker/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
Installation
Section intitulée « Installation »bun add @capgo/capacitor-file-pickerbunx cap syncImporter
Section intitulée « Importer »import { CapgoFilePicker } from '@capgo/capacitor-file-picker';API Aperçu
Section intitulée « API Aperçu »pickFiles
Section intitulée « pickFiles »Sélectionnez un ou plusieurs fichiers sur l'appareil.
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
Section intitulée « pickImages »Sélectionnez un ou plusieurs images de la galerie. Seulement 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
Section intitulée “pickVideos”Sélectionnez une ou plusieurs vidéos de la galerie. Seulement 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
Section intitulée “pickMedia”Sélectionnez une ou plusieurs images ou vidéos de la galerie. Seulement Android/iOS.
import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const result = await CapgoFilePicker.pickMedia({ limit: 5, readData: true});console.log('Picked media:', result.files);pickDirectory
Section intitulée “pickDirectory”Sélectionnez un répertoire du dispositif. Seulement Android/iOS.
import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const result = await CapgoFilePicker.pickDirectory();console.log('Selected directory:', result.path);convertHeicToJpeg
Section intitulée “convertHeicToJpeg”Convertir une image HEIC en format JPEG. Seulement iOS.
import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const result = await CapgoFilePicker.convertHeicToJpeg({ path: '/path/to/image.heic', quality: 0.9});console.log('Converted file:', result.path);copyFile
Section intitulée “copyFile”Copier un fichier vers un nouveau emplacement.
import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
await CapgoFilePicker.copyFile({ from: '/source/file.pdf', to: '/destination/file.pdf', overwrite: true});checkPermissions
Section intitulée “checkPermissions”Vérifier les permissions pour lire des fichiers. Seulement pour Android.
import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const status = await CapgoFilePicker.checkPermissions();console.log('Read permission:', status.readExternalStorage);requestPermissions
Section intitulée “requestPermissions”Demander les permissions pour lire des fichiers. Seulement pour Android.
import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const status = await CapgoFilePicker.requestPermissions();if (status.readExternalStorage === 'granted') { console.log('Permission granted');}Référence de type
Section intitulée “Référence de type”PickFilesOptions
Section intitulée “Options de sélection de fichiers”Options pour choisir des fichiers.
export interface PickFilesOptions { /** * List of accepted MIME types or file extensions. * On iOS, only MIME types are supported. * Examples: ['image/*'], ['application/pdf'], ['.pdf', '.doc'] */ types?: string[]; /** * Maximum number of files to pick. * Set to 0 for unlimited (platform default). * @default 0 */ limit?: number; /** * Whether to read the file data as base64. * Note: Reading large files may cause memory issues. * @default false */ readData?: boolean;}PickFilesResult
Section intitulée “PickFilesResult”Résultat de la sélection des fichiers.
export interface PickFilesResult { /** Array of picked files */ files: PickedFile[];}PickMediaOptions
Section intitulée “PickMediaOptions”Options pour choisir des médias (images/vidéos).
export interface PickMediaOptions { /** * Maximum number of files to pick. * Set to 0 for unlimited (platform default). * @default 0 */ limit?: number; /** * Whether to read the file data as base64. * Note: Reading large files may cause memory issues. * @default false */ readData?: boolean; /** * iOS only: Skip transcoding of videos. * @default false */ skipTranscoding?: boolean; /** * iOS 15+ only: Show ordered selection badges. * @default false */ ordered?: boolean;}PickDirectoryResult
Section intitulée “PickDirectoryResult”Résultat de la sélection d'un répertoire.
export interface PickDirectoryResult { /** The path to the selected directory */ path: string;}ConvertHeicToJpegOptions
Section intitulée “ConvertHeicToJpegOptions”Options pour convertir HEIC en JPEG.
export interface ConvertHeicToJpegOptions { /** The path to the HEIC file to convert */ path: string; /** * The compression quality for JPEG (0.0 - 1.0). * @default 0.9 */ quality?: number;}ConvertHeicToJpegResult
Section intitulée “ConvertHeicToJpegResult”Résultat de la conversion HEIC en JPEG.
export interface ConvertHeicToJpegResult { /** The path to the converted JPEG file */ path: string;}CopyFileOptions
Section intitulée “CopyFileOptions”Options pour copier un fichier.
export interface CopyFileOptions { /** Source file path */ from: string; /** Destination file path */ to: string; /** * Whether to overwrite if destination exists. * @default false */ overwrite?: boolean;}PermissionStatus
Section intitulée “PermissionStatus”État de permission pour l'accès au fichier.
export interface PermissionStatus { /** Whether permission to read media files is granted */ readExternalStorage: PermissionState; /** Whether permission to access media location is granted */ accessMediaLocation?: PermissionState;}PickerDismissedListener
Section intitulée “PickerDismissedListener”Callback du listener pour l'événement de fermeture du sélecteur.
export type PickerDismissedListener = (event: null) => void;PickedFile
Section intitulée “Fichier sélectionné”Représente un fichier sélectionné.
export interface PickedFile { /** The name of the file */ name: string; /** The path to the file */ path?: string; /** The MIME type of the file */ mimeType: string; /** The size of the file in bytes */ size: number; /** * The base64 encoded data of the file. * Only present if readData was true. */ data?: string; /** * The Blob instance of the file. * Web only. */ blob?: Blob; /** Width in pixels (images/videos only) */ width?: number; /** Height in pixels (images/videos only) */ height?: number; /** Duration in seconds (videos only) */ duration?: number; /** Last modified timestamp in milliseconds */ modifiedAt?: number;}PermissionState
Section intitulée “État de permission”Valeurs de l'état de permission.
export type PermissionState = 'prompt' | 'prompt-with-rationale' | 'granted' | 'denied';Source de Vérité
Section intitulée “Source de Vérité”Cette page est générée à partir du plugin’s src/definitions.ts. Re-run la synchronisation lorsque les données publiques API changent en amont.
Continuez de l'interface d'accueil
Section intitulée « Continuez de l'interface d'accueil »Si vous utilisez Interface d'accueil pour planifier le stockage et la gestion des fichiers, connectez-vous à Utilisation de @capgo/capacitor-file-picker pour la capacité native dans Utilisation de @capgo/capacitor-file-picker, @capgo/capacitor-data-storage-sqlite pour le détail d'implémentation dans @capgo/capacitor-data-storage-sqlite, Utilisation de @capgo/capacitor-data-storage-sqlite pour la capacité native dans Utilisation de @capgo/capacitor-data-storage-sqlite, @capgo/capacitor-file pour les détails d'implémentation dans le fichier @capgo/capacitor-file, et En utilisant le fichier @capgo/capacitor-file pour la capacité native dans l'utilisation du fichier @capgo/capacitor-file.