メインコンテンツにスキップ
プラグインに戻る
@capgo/capacitor-ファイルピッカー
チュートリアル
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);

フルリファレンス