メインコンテンツにスキップ
プラグインに戻る
@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 protectedTokens
  • getPluginVersion pagePath

targetLanguage

ファイルを共有

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 Data Storage SQLiteを使用し続ける Capacitor File Sharerの実装詳細については、Capacitor File Sharerを参照してください @capgo/capacitor-data-storage-sqlite for the implementation detail in @capgo/capacitor-data-storage-sqlite, Using @capgo/capacitor-data-storage-sqlite native機能を使用するために@capgo/capacitor-data-storage-sqlite、 @capgo/capacitor-file native機能の実装詳細を@capgo/capacitor-fileで