ガイド
ファイル ピッカーのチュートリアル
@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/
capgoから続けてください: Using @capgo/capacitor-file-picker
Capgoを使用している場合 Using @capgo/capacitor-file-picker Capgoを使用して、ストレージとファイルの取り扱いを計画するには、__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-file-pickerと接続してください capgo/capacitor-file-pickerの実装詳細については、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_KEEP_0__/__CAPGO_KEEP_1__-data-storage-sqliteを参照してください capgo/capacitor-data-storage-sqliteの実装詳細については、capgo/capacitor-data-storage-sqliteを参照してください for the implementation detail in @capgo/capacitor-data-storage-sqlite, Using @capgo/capacitor-data-storage-sqlite native機能のためにUsing @capgo/capacitor-data-storage-sqliteを使用します。 @capgo/capacitor-file 実装詳細のために@capgo/capacitor-fileを使用します。