Aller au contenu principal
@capgo/capacitor-uploader Fichiers et stockage Open source

Envoyer Plugin Capacitor

Envoyez des fichiers volumineux de manière fiable en arrière-plan, avec suivi de progression et nouvelles tentatives

Installer

bun add @capgo/capacitor-uploader bunx cap sync
npm, pnpm ou yarn
  • npm install @capgo/capacitor-uploader
  • pnpm add @capgo/capacitor-uploader
  • yarn add @capgo/capacitor-uploader

Guide

Comment utiliser Uploader dans Capacitor

Tester sur l'appareil

Téléchargez l'application Capgo, puis scannez le QR code.

QR de prévisualisation du plugin Uploader code

Utiliser @capgo/capacitor-uploader

Plugin Capacitor Uploader pour l'envoi de fichiers avec support en arrière-plan et suivi de la progression.

Installer

bun add @capgo/capacitor-uploader
bunx cap sync

Ce que ce plugin expose

  • startUpload - Lancer l'upload d'un fichier vers un serveur.
  • removeUpload - Annuler et supprimer un upload en cours.

Exemple d'utilisation

startUpload

Commencer l'upload d'un fichier vers un serveur.

import { Uploader } from '@capgo/capacitor-uploader';

const { id } = await Uploader.startUpload({
  filePath: 'file:///path/to/file.jpg',
  serverUrl: 'https://example.com/upload',
  headers: {
    'Authorization': 'Bearer token'
  },
  method: 'POST',
  uploadType: 'multipart',
  fileField: 'photo'
});
console.log('Upload started with ID:', id);

removeUpload

Annuler et supprimer un upload en cours.

import { Uploader } from '@capgo/capacitor-uploader';

await Uploader.removeUpload({ id: 'upload-123' });

Référence complète

Continuer depuis la page Utiliser @capgo/capacitor-uploader

Si vous utilisez Utiliser @capgo/capacitor-uploader pour planifier la migration et les opérations d'entreprise, connectez-l’à @capgo/capacitor-uploader pour les détails d'implémentation dans @capgo/capacitor-uploader, Prise en main pour les détails d'implémentation dans Getting Started Capgo Entreprise pour le workflow produit dans Capgo Enterprise, Alternatives aux plugins Ionic Enterprise pour le workflow produit dans les alternatives aux plugins Ionic Enterprise, et Alternatives Capgo pour le workflow produit dans les alternatives à Capgo.

FAQ

FAQ du plugin Uploader

Comment installer le plugin Uploader dans une application Capacitor ?

Exécutez « bun add @capgo/capacitor-uploader » (ou « npm install @capgo/capacitor-uploader »), puis lancez « bunx cap sync » pour que les projets iOS et Android récupèrent le code natif code. Importez-le depuis « @capgo/capacitor-uploader » dans votre code code.

Le plugin @capgo/capacitor-uploader fonctionne-t-il avec React, Vue et Angular ?

Oui. Uploader est un package Capacitor, il fonctionne donc avec n’importe quel framework web exécuté dans Capacitor, y compris Ionic, React, Vue, Angular, Svelte et le JavaScript pur.

Quelle version de Capacitor prend en charge @capgo/capacitor-uploader ?

Les plugins Capgo suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à la version majeure de votre Capacitor (par exemple le plugin v8 avec Capacitor 8). Le tableau de compatibilité du README de GitHub recense les versions maintenues.

Est-ce que @capgo/capacitor-uploader est gratuit et open source ?

Oui. Le code source code est public sur GitHub à l’adresse https://github.com/Cap-go/capacitor-uploader/ et le package est gratuit à installer depuis npm. Les signalements de bugs et les pull requests sont les bienvenus.

Puis-je mettre à jour code qui utilise Uploader sans passer par une revue de l’App Store ?

L'installation ou la mise à jour du plugin modifie le code natif, ce qui impose un nouveau build pour les stores. Ensuite, les changements JavaScript, HTML et CSS qui appellent le plugin peuvent être livrés instantanément via les live updates de Capgo.

Déployez les changements d'Uploader sans attendre la validation de l'app

Une fois le plugin intégré à votre build de store, Capgo live updates déploie vos changements JavaScript, HTML et CSS aux utilisateurs en quelques minutes.

Commencez avec Capgo