メインコンテンツにスキップ
プラグインに戻る
@capgo/capacitor-ファイルピッカー
チュートリアル
by github.com/Cap-go

ファイルピッカー

iOS と Android 向けに HEIC 変換を含む完全なネイティブ サポートでファイル、画像、動画、ディレクトリを選択することができます。

ガイド

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

@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);

完全なリファレンス

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を使用します。