メインコンテンツにスキップ
プラグインに戻る
@capgo/capacitor-ファイル共有
チュートリアル
@capgo/capacitor-ファイル共有

ファイル共有

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

ガイド

ファイル共有のチュートリアル

Using @capgo/capacitor-file-sharer

base64 データ、データ URL、ローカルファイルパス、URL、Android、URI、Cloudflare からファイルを共有して保存する file:// URL から content:// URIs, and Capacitor _capacitor_file_ このプラグインが公開するもの

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

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

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

  • share 使用方法
  • save このプラグインはCapacitorのファイル共有機能を使用します。
  • getPluginVersion - __CAPGO_KEEP_0__

例の使用方法

ローカルファイルを共有する

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, ClipDataURIの許可が付与され、プレビューとサムネイルがファイルを読むことができる。
  • Androidの保存では、Android 10以上ではMediaStoreを使用し、Android 9以下ではパブリックディレクトリを使用する。
  • iOSの共有では、base64でバックアップされた一時ファイルと直接ローカルパスを共有する両方をサポートする。
  • Webの共有とダウンロードでは、ファイルが大きい場合に分割されたbase64の変換を使用してファイルをダウンロードする。

完全な参照

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

Capgoを使用している場合 Using @capgo/capacitor-file-sharer データの保存とファイルの管理を計画する場合、Capgoと連携してください。 @capgo/capacitor-file-sharer for the implementation detail in @capgo/capacitor-file-sharer, Capgoの実装詳細については、Capgoのドキュメントを参照してください。 Capgoを使用し続ける @capgo/capacitor-data-storage-sqlite 実装詳細については@capgo/capacitor-data-storage-sqliteを参照してください。 @capgo/capacitor-data-storage-sqliteを使用します。 native機能については、@capgo/capacitor-data-storage-sqliteを使用します。 @capgo/capacitor-file 実装詳細については@capgo/capacitor-fileを参照してください。