__CAPGO_KEEP_0__ File-Teiler-Plugin: Installieren, Einrichten & Beispiele
@capgo/capacitor-datei-teiler Dateien & Speicher Offene Quelle

Dateiteiler Capacitor-Plugin

Dateien teilen und speichern aus Basis64-Daten oder lokalen Pfaden über Android, iOS und Web

Installieren

bun add @capgo/capacitor-file-sharer bunx cap sync
npm, pnpm oder yarn
  • npm install @capgo/capacitor-file-sharer
  • pnpm add @capgo/capacitor-file-sharer
  • yarn add @capgo/capacitor-file-sharer

Richtlinie

Wie man Datei-Teiler in Capacitor verwendet

Testen auf Gerät

Laden Sie die Capgo-App herunter, dann scannen Sie die QR-code.

Vorschau-Link für das Plugin File Sharer QR code

Verwenden Sie @capgo/capacitor-file-sharer

Teilen und speichern Sie Dateien aus Basis64-Daten, Daten-URLs, lokalen Dateipfaden. file:// URLs, Android content:// URIs und Capacitor _capacitor_file_ Installieren

Install

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

Was diese Erweiterung bereitstellt

  • share - Öffnen Sie das native Teilen auf Android und iOS, oder laden Sie das Datei auf Web herunter.
  • save - Speichern Sie in Android öffentlichen Sammlungen, öffnen Sie das iOS-Speichern/Teilen-Blatt oder laden Sie es auf Web herunter.
  • getPluginVersion - Die Plattformimplementierungsversion zurückgeben.

Beispielhafte Verwendung

Ein generiertes Datei teilen

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

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

Eine lokale Datei teilen

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

Auf Android in Downloads speichern

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

console.log(result.uri);

Plattformhinweise

  • Android-Teilen verwendet FileProvider, ClipData, und URI-Grants, damit der Datei-Chooser-Vorschau und -Miniaturbilder lesen können.
  • Android-Speicherungen verwenden MediaStore auf Android 10+ und öffentliche Ordner auf Android 9 und darunter.
  • iOS-Teilen unterstützt sowohl base64-gedeckte temporäre Dateien als auch direkte lokale Pfad-Teilen.
  • Web-Teilen und -Speichern laden die Datei herunter, mit chunked base64-Umwandlung für große Dateien.

Vollständige Referenz

Weitermachen von Using @capgo/capacitor-date-teiler

Wenn Sie Using verwenden Using @capgo/capacitor-date-teiler um den Speicher und die Dateihandhabung zu planen, verbinden Sie es mit @capgo/capacitor-date-teiler für die Implementierungsdetails in @capgo/capacitor-date-teiler Anleitung zum Starten für die Implementierungsdetails in Anleitung zum Starten @capgo/capacitor-date-speicher-sqlite für die Implementierungsdetails in @capgo/capacitor-datenspeicher-sqlite Mit @capgo/capacitor-datenspeicher-sqlite für die native Fähigkeit in Mit @capgo/capacitor-datenspeicher-sqlite und @capgo/capacitor-datei für die Implementierungsdetails in @capgo/capacitor-datei

FAQ

File Sharer Plugin FAQ

Wie installiere ich den Dateiaustausch-Plugin in einer Capacitor-App?

Run "bun add @capgo/capacitor-file-sharer" (or "npm install @capgo/capacitor-file-sharer"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-file-sharer" in your app code.

Funktioniert @capgo/capacitor-file-sharer mit React, Vue und Angular?

Yes. File Sharer is a Capacitor package, so it works with any web framework that runs inside Capacitor, including Ionic, React, Vue, Angular, Svelte and plain JavaScript.

Welche Capacitor Version unterstützt @capgo/capacitor-file-sharer?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

Ist @capgo/capacitor-Datei-Teiler kostenlos und Open-Source?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-file-sharer/ and the package is free to install from npm. Bug reports and pull requests are welcome.

Kann ich code aktualisieren, das File Sharer verwendet, ohne eine App-Store-Bewertung?

Die Installation oder das Upgrade des Plugins ändert die native code, daher benötigt es eine neue Store-Build. Anschließend können JavaScript-, HTML- und CSS-Änderungen, die den Plugin aufrufen, sofort mit Capgo Live-Updates verschickt werden.

Schiffe Datei-Teiler-Änderungen ohne auf die App-Überprüfung zu warten

Einmal die Erweiterung in Ihrem Store-Build installiert, Capgo-Live-Updates drücken Ihre JavaScript-, HTML- und CSS-Änderungen an die Benutzer in Minuten.

Mit Capgo beginnen