ガイド
ファイル ピッカーのチュートリアル
@capgo/capacitor-file-pickerを使用
Capacitorファイル ピッカー プラグイン: ファイル、画像、動画、ディレクトリの選択
インストール
bun add @capgo/capacitor-file-picker
bunx cap sync
このプラグインが公開するもの
pickFiles- 1 つまたは複数のファイルをデバイスから選択pickImages- 画像ギャラリーから 1 つまたは複数の画像を選択。Android/iOS 限定pickVideos- 画像ギャラリーから 1 つまたは複数の動画を選択。Android/iOS 限定pickMedia- 画像ギャラリーまたは動画ギャラリーから 1 つまたは複数の画像または動画を選択。Android/iOS 限定
例外使用
pickFiles
デバイスから1つ以上のファイルを選択してください。
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
ギャラリーから1つ以上の画像を選択してください。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
ギャラリーから1つ以上の動画を選択してください。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
ギャラリーから1つ以上の画像や動画を選択してください。Android/iOSのみ。
import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const result = await CapgoFilePicker.pickMedia({
limit: 5,
readData: true
});
console.log('Picked media:', result.files);
フルリファレンス
- GitHub: https://github.com/Cap-go/capacitor-file-picker/
- ドキュメント: /docs/plugins/file-picker/