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

ファイルシェア

Android、iOS、Webからbase64データまたはローカルパスを使用してファイルを共有して保存

ガイド

ファイルシェアプラグインのチュートリアル

デバイスでテスト

Download the Capgo app, then scan the QR code.

ファイルシェアプラグインプレビューQR code

@capgo/capacitor-file-sharer を使用

base64データ、データURL、ローカルファイルパス、URL、Android、URI、__CAPGO_KEEP_0__、URLを含むファイルを共有して保存 file:// インストール content:// URIs, and Capacitor _capacitor_file_ - AndroidとiOSでネイティブシェアシートを開く、またはWebでファイルをダウンロードする

- Androidのパブリックコレクションに保存、iOSの保存/共有シートを開く、またはWebでファイルをダウンロードする

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

- プラットフォーム実装バージョンを返す

  • share - 使用例
  • save Example Usage
  • getPluginVersion - AndroidとiOSでネイティブシェアシートを開く、またはWebでファイルをダウンロードする

- Androidのパブリックコレクションに保存、iOSの保存/共有シートを開く、またはWebでファイルをダウンロードする

ファイルを共有

import { FileSharer } from '@capgo/capacitor-file-sharer';

await FileSharer.share({
  filename: 'report.pdf',
  contentType: 'application/pdf',
  base64Data: reportBase64,
  title: 'Quarterly report',
  text: 'Attached report',
});

ローカルファイルを共有

await FileSharer.share({
  filename: 'export.zip',
  contentType: 'application/zip',
  path: fileUri,
});

ダウンロードフォルダに保存(Android)

const result = await FileSharer.save({
  filename: 'backup.zip',
  contentType: 'application/zip',
  base64Data: zipBase64,
  android: {
    saveDirectory: 'downloads',
    relativePath: 'Download/My App',
  },
});

console.log(result.uri);

プラットフォームに関する注意

  • Androidの共有機能は FileProvider, ClipData、およびURIを使用して、ファイルのプレビューとサムネールを表示できるようにします。
  • Androidの保存機能は、Android 10以上ではMediaStoreを使用し、Android 9以下ではパブリックディレクトリを使用します。
  • iOSの共有機能は、base64でバックアップされた一時ファイルと直接ローカルパスを共有する両方をサポートしています。
  • Webの共有機能とダウンロード機能は、ファイルをダウンロードし、chunked base64変換を使用して大きなファイルを処理します。

完全なリファレンス

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

「@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-file-sharer」を使用している場合 「@capgo/capacitor-file-sharer」を使用している場合 ストレージとファイルの管理を計画するには、@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-file-sharerと接続してください。 「@capgo/capacitor-file-sharer」の実装詳細については、@capgo/capacitor-file-sharerを参照してください。 「@capgo/capacitor-file-sharer」の実装詳細については、Getting Startedを参照してください。 「@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-data-storage-sqlite」の実装詳細については、@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-data-storage-sqliteを参照してください。 「@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-data-storage-sqlite」の実装詳細については、Getting Startedを参照してください。 「@capgo/capacitor-data-storage-sqlite」を使用している場合 @capgo/capacitor-file-sharer Using @capgo/capacitor-data-storage-sqlite Capacitorのネイティブ機能を使用するために@capgo/capacitor-data-storage-sqlite、 @capgo/capacitor-file Capacitorの実装詳細を@capgo/capacitor-fileで確認することができます。