ガイド
ファイルピッカーのチュートリアル
「@capgo/capacitor-file-picker」を使用
ファイル、画像、動画、ディレクトリの選択に使用されるCapacitor ファイルピッカー プラグインのインターフェイス
Install
bun add @capgo/capacitor-file-picker
bunx cap sync
What This Plugin Exposes
pickFiles-pickImages-pickVideos-pickMedia-
Example Usage
pickFiles
Pick one or more files from the device.
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
Pick one or more images from the gallery. Android/iOS only.
import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const result = await CapgoFilePicker.pickImages({
limit: 10,
readData: false
});
console.log('Picked images:', result.files);
pickVideos
Pick one or more videos from the gallery. Android/iOS only.
import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const result = await CapgoFilePicker.pickVideos({
limit: 3,
skipTranscoding: true
});
console.log('Picked videos:', result.files);
pickMedia
Pick one or more images or videos from the gallery. Android/iOS only.
import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const result = await CapgoFilePicker.pickMedia({
limit: 5,
readData: true
});
console.log('Picked media:', result.files);
Full Reference
- GitHub: https://github.com/Cap-go/capacitor-file-picker/
- ドキュメント: /docs/plugins/file-picker/
Keep going from Using @capgo/capacitor-file-picker
__CAPGO_KEEP_0__を使用している場合 Using @capgo/capacitor-file-picker データの保存とファイルの管理を計画する場合、__CAPGO_KEEP_0__と接続する @capgo/capacitor-file-picker for the implementation detail in @capgo/capacitor-file-picker, Getting Startedの実装詳細については、Getting Startedを参照 __CAPGO_KEEP_0__/__CAPGO_KEEP_1__-data-storage-sqlite @capgo/capacitor-data-storage-sqlite @capgo/capacitorデータストレージの実装詳細については、 @capgo/capacitorデータストレージの使用 @capgo/capacitorデータストレージのネイティブ機能については、@capgo/capacitorデータストレージの使用、 @capgo/capacitorファイル @capgo/capacitorファイルの実装詳細については、