Aller au contenu principal

Compresseur de fichiers Plugin Capacitor

Plugin Capacitor pour une compression d'image efficace prenant en charge les formats PNG, JPEG et WebP sur iOS, Android et le Web

Installer

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

Guide

Comment utiliser File Compressor dans Capacitor

Tester sur l'appareil

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

Lien QR pour l'aperçu du plugin File Compressor code

Utilisation de @capgo/capacitor-file-compressor

Interface du plugin File Compressor Capacitor pour la compression d'images.

Installer

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

bunx cap sync copie le code natif du plugin dans vos projets natifs. Relancez-l’après chaque mise à jour du plugin.

Importer

import { FileCompressor } from '@capgo/capacitor-file-compressor';

Aperçu de API

Méthode Description
compressImage Compresse un fichier image avec des dimensions et des paramètres de qualité spécifiques.

Exemples

compressImage()

Compresse un fichier image avec des dimensions et des paramètres de qualité spécifiques.

import { FileCompressor } from '@capgo/capacitor-file-compressor';

// Web - Compress from file input
const fileInput = document.getElementById('file') as HTMLInputElement;
const file = fileInput.files[0];
const result = await FileCompressor.compressImage({
  blob: file,
  quality: 0.8,
  width: 1200,
  mimeType: 'image/jpeg'
});
const url = URL.createObjectURL(result.blob);

Référence complète

Continuer avec l'utilisation de @capgo/capacitor-file-compressor

Si vous utilisez Utiliser @capgo/capacitor-file-compressor pour planifier le stockage et la gestion des fichiers, connectez-l’à @capgo/capacitor-file-compressor pour les détails d'implémentation dans @capgo/capacitor-file-compressor, Prise en main pour les détails d'implémentation dans Getting Started @capgo/capacitor-data-storage-sqlite pour les détails d'implémentation dans @capgo/capacitor-data-storage-sqlite, Utiliser @capgo/capacitor-data-storage-sqlite pour la capacité native avec @capgo/capacitor-data-storage-sqlite, et @capgo/capacitor-file pour les détails d'implémentation dans @capgo/capacitor-file.

FAQ

FAQ du plugin File Compressor

Comment installer le plugin File Compressor dans une application Capacitor ?

Exécutez "bun add @capgo/capacitor-file-compressor" (ou "npm install @capgo/capacitor-file-compressor"), puis lancez "bunx cap sync" pour que les projets iOS et Android prennent en compte le code natif. Importez-le depuis "@capgo/capacitor-file-compressor" dans votre code.

Est-ce que @capgo/capacitor-file-compressor fonctionne avec React, Vue et Angular ?

Oui. File Compressor est un package Capacitor, il fonctionne donc avec n'importe quel framework web tournant sous Capacitor, y compris Ionic, React, Vue, Angular, Svelte et le JavaScript pur.

Quelle version de Capacitor est supportée par @capgo/capacitor-file-compressor ?

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-file-compressor est gratuit et open source ?

Oui. Le code source de code est public sur GitHub à l'adresse https://github.com/Cap-go/capacitor-file-compressor/ et le package est gratuit à installer via npm. Les rapports de bugs et les pull requests sont les bienvenus.

Puis-je mettre à jour code utilisant File Compressor 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 de File Compressor 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