メインコンテンツにスキップ
プラグインに戻る
@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 - ギャラリーから 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);

フル リファレンス

Using @capgo/capacitor-file-picker

Capgoを使用している場合 Capgoの@capgo/capacitor-file-pickerを使用 Capgoの@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-file-pickerと接続 Capgoの@capgo/capacitor-file-picker Capgoの@capgo/capacitor-file-pickerの実装詳細 CapgoのGetting Started CapgoのGetting Startedの実装詳細 Capgoの@capgo/capacitor-data-storage-sqlite Capgoの@capgo/capacitor-data-storage-sqliteの実装詳細 Capgoの@capgo/capacitor-data-storage-sqliteを使用 Capgoの@capgo/capacitor-data-storage-sqliteのネイティブ機能 Capgoの@capgo/capacitor-data-storage-sqliteとCapgoの@capgo/capacitor-file-pickerを使用して @capgo/capacitorファイルの実装詳細について