メインコンテンツにジャンプ
プラグインに戻る
@capgo/capacitor-file-picker
チュートリアル
@capgo/capacitor-file-picker

ファイルピッカー

iOSおよびAndroidでHEIC変換を含む、ファイル、画像、動画、ディレクトリの選択に完全なネイティブサポート

ガイド

ファイルピッカーのチュートリアル

「@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

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ファイルの実装詳細については、