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

ファイル共有

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

ガイド

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

デバイスでテスト

Download the Capgo app, then scan the QR code.

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

@capgo/capacitor-file-sharerを使用

base64データ、データURL、ローカルファイルパス、URL、Android、URI、__CAPGO_KEEP_0__ file:// URL。 content:// URIs, and Capacitor _capacitor_file_ このプラグインが公開するもの

- AndroidとiOSでネイティブシェアシートを開く、またはWebでファイルをダウンロードする。

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

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

  • share - Androidのパブリックコレクションに保存、iOSの保存/シェアシートを開く、またはWebでファイルをダウンロードする。
  • save - Androidのパブリックコレクションに保存、iOSの保存/シェアシートを開く、またはWebでファイルをダウンロードする。
  • getPluginVersion - プラットフォーム実装バージョンを返します。

使用例

生成されたファイルを共有する

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

フルリファレンス

Keep going from Using @capgo/capacitor-file-sharer

Capacitor File Sharerを使用している場合 Using @capgo/capacitor-file-sharer Capacitor File Sharerを使用して、ストレージとファイルの管理を計画する @capgo/capacitor-file-sharer for the implementation detail in @capgo/capacitor-file-sharer, Capacitor File Sharerの実装詳細については、Getting Startedを参照してください 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 for the native capability in Using @capgo/capacitor-data-storage-sqlite, and @capgo/capacitor-file for the implementation detail in @capgo/capacitor-file.