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

ファイルピッカー

iOS と Android に対して完全なネイティブサポートを備えたファイル、画像、動画、ディレクトリの選択に使用できます。HEIC 変換もサポートしています。

ガイド

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

capgo/capacitor-file-pickerの使用方法

Capacitorファイルピッカー プラグイン

インストール

bun add @capgo/capacitor-file-picker
bunx cap sync

このプラグインが提供するもの

  • pickFiles - 1 つまたは複数のファイルをデバイスから選択します。
  • pickImages - ギャラリーから 1 つまたは複数の画像を選択します。Android/iOS 限定。
  • pickVideos - Android/iOS のギャラリーから 1 つまたは複数の動画を選択してください。
  • pickMedia - Android/iOS のギャラリーから 1 つまたは複数の画像や動画を選択してください。

- 例の使用

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

- Android/iOS のギャラリーから 1 つまたは複数の画像を選択してください。

import { CapgoFilePicker } from '@capgo/capacitor-file-picker';

const result = await CapgoFilePicker.pickImages({
  limit: 10,
  readData: false
});
console.log('Picked images:', result.files);

pickVideos

- Android/iOS のギャラリーから 1 つまたは複数の動画を選択してください。

import { CapgoFilePicker } from '@capgo/capacitor-file-picker';

const result = await CapgoFilePicker.pickVideos({
  limit: 3,
  skipTranscoding: true
});
console.log('Picked videos:', result.files);

pickMedia

- Android/iOS のギャラリーから 1 つまたは複数の画像や動画を選択してください。

import { CapgoFilePicker } from '@capgo/capacitor-file-picker';

const result = await CapgoFilePicker.pickMedia({
  limit: 5,
  readData: true
});
console.log('Picked media:', result.files);

- 完全な参照

- @capgo/capacitor-file-picker を使用して続けてください。

Capacitorを使用している場合 Using @capgo/capacitor-file-picker Capacitorファイルピッカーを接続 @capgo/capacitor-file-picker for the implementation detail in @capgo/capacitor-file-picker, CapacitorデータストレージSQLite CapacitorデータストレージSQLiteの実装詳細 @capgo/capacitor-data-storage-sqlite for the implementation detail in @capgo/capacitor-data-storage-sqlite, Using @capgo/capacitor-data-storage-sqlite for the native capability in Using @capgo/capacitor-data-storage-sqlite, and @capgo/capacitor-file for the implementation detail in @capgo/capacitor-file.