Zum Inhalt springen

Getting Started

GitHub

Sie können unsere AI-gestützte Einrichtung verwenden, um das Plugin zu installieren. Fügen Sie den Capgo-Fähigkeiten Ihrer AI-Anwendung mit dem folgenden Befehl hinzu:

Terminalfenster
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

Dann verwenden Sie den folgenden Befehl:

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-file-picker` plugin in my project.

Wenn Sie eine manuelle Einrichtung bevorzugen, installieren Sie das Plugin, indem Sie die folgenden Befehle ausführen und die darunter angegebenen Plattform-spezifischen Anweisungen befolgen.

Terminalfenster
bun add @capgo/capacitor-file-picker
bunx cap sync
import { CapgoFilePicker } from '@capgo/capacitor-file-picker';

Wählen Sie eine 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);

Wählen Sie eine oder mehrere Bilder aus der Galerie aus. Nur für Android/iOS.

import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const result = await CapgoFilePicker.pickImages({
limit: 10,
readData: false
});
console.log('Picked images:', result.files);

Wählen Sie eine oder mehrere Videos aus der Galerie aus. Nur für Android/iOS.

import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const result = await CapgoFilePicker.pickVideos({
limit: 3,
skipTranscoding: true
});
console.log('Picked videos:', result.files);

Wählen Sie ein oder mehrere Bilder oder Videos aus der Galerie aus. Nur für Android/iOS.

import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const result = await CapgoFilePicker.pickMedia({
limit: 5,
readData: true
});
console.log('Picked media:', result.files);

Wählen Sie einen Ordner auf dem Gerät aus. Nur für Android/iOS.

import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const result = await CapgoFilePicker.pickDirectory();
console.log('Selected directory:', result.path);

Konvertieren Sie ein HEIC-Bild in JPEG-Format. Nur für 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);

Einen Datei in einen neuen Ort kopieren

import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
await CapgoFilePicker.copyFile({
from: '/source/file.pdf',
to: '/destination/file.pdf',
overwrite: true
});

Überprüfe die Berechtigungen zum Lesen von Dateien. (Android nur)

import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const status = await CapgoFilePicker.checkPermissions();
console.log('Read permission:', status.readExternalStorage);

Berechtigungen zum Lesen von Dateien anfordern. Nur für Android.

import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const status = await CapgoFilePicker.requestPermissions();
if (status.readExternalStorage === 'granted') {
console.log('Permission granted');
}

Optionen zum Auswählen von Dateien.

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;
}

Ergebnis der Dateiauswahl.

export interface PickFilesResult {
/** Array of picked files */
files: PickedFile[];
}

Optionen für die Auswahl von Medien (Bildern/Videos).

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;
}

Ergebnis der Verzeichnisauswahl.

export interface PickDirectoryResult {
/** The path to the selected directory */
path: string;
}

Optionen für die Umwandlung von HEIC in 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;
}

Ergebnis der HEIC zu JPEG-Konvertierung.

export interface ConvertHeicToJpegResult {
/** The path to the converted JPEG file */
path: string;
}

Optionen für die Dateikopie.

export interface CopyFileOptions {
/** Source file path */
from: string;
/** Destination file path */
to: string;
/**
* Whether to overwrite if destination exists.
* @default false
*/
overwrite?: boolean;
}

Zugriffsstatus für Dateien.

export interface PermissionStatus {
/** Whether permission to read media files is granted */
readExternalStorage: PermissionState;
/** Whether permission to access media location is granted */
accessMediaLocation?: PermissionState;
}

Hinweis zum Abbruch des Picker-Ereignisses.

export type PickerDismissedListener = (event: null) => void;

Darstellt ein ausgewähltes Datei.

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;
}

Zustand der Erlaubnis Werte.

export type PermissionState = 'prompt' | 'prompt-with-rationale' | 'granted' | 'denied';

Diese Seite wurde von dem Plugin generiert. src/definitions.tsRe-run die Synchronisierung, wenn die öffentliche API upstream geändert wird.

Wenn Sie das Plugin verwenden Anleitung zum Starten um die Speicherung und Dateiverwaltung zu planen, verbinden Sie es mit Verwendung von @capgo/capacitor-datei-chooser zur nativen Fähigkeit in Verwendung von @capgo/capacitor-datei-chooser, @capgo/capacitor-daten-speicherung-sqlite zur Implementierungsdetails in @capgo/capacitor-daten-speicherung-sqlite, Verwendung von @capgo/capacitor-daten-speicherung-sqlite zur nativen Fähigkeit in Verwendung von @capgo/capacitor-daten-speicherung-sqlite, @capgo/capacitor-datei zur Implementierungsdetails in @capgo/capacitor-datei und Verwendung von @capgo/capacitor-datei zur nativen Fähigkeit in Verwendung von @capgo/capacitor-datei.