メインコンテンツにジャンプ
プラグインに戻る
@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__からファイルを共有して保存 file:// URL。 content:// URIs, and Capacitor _capacitor_file_ このプラグインが公開するもの

Androidアプリ

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

ファイル

  • 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 の共有は、URI グラントと、ファイルを読み取ることができるプレビューとサムネールを表示するための選択肢を提供するため、 FileProvider, ClipDataAndroid の保存は、Android 10 以降では MediaStore を使用し、Android 9 以下ではパブリックディレクトリを使用する。
  • iOS の共有は、base64 でバックアップされた一時ファイルと、直接ローカルパスを共有する両方をサポートする。
  • Example Usage
  • ファイルを分割してbase64でエンコードした上でWeb共有と保存を行います。

フルリファレンス

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

「@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-file-sharer」を使用している場合 @capgo/capacitor-file-sharer」を使用して、ストレージとファイルの取り扱いを計画するには、@capgo/capacitor-file-sharerと接続してください。 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-file-sharerの実装詳細は@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-file-sharerにあります。 @capgo/capacitor-file-sharer for the implementation detail in @capgo/capacitor-file-sharer, https://__CAPGO_KEEP_0__.com/Cap-go/__CAPGO_KEEP_1__-file-sharer/ for the implementation detail in Getting Started、 @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、 @capgo/capacitor-file for the implementation detail in @capgo/capacitor-file.