Allez directement au contenu principal

Compresser les fichiers plugin Capacitor

Capacitor plugin pour une compression d'images efficace supportant les formats PNG, JPEG et WebP sur les plateformes iOS, Android et 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

How to use File Compressor in Capacitor

Tester sur appareil

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

File Compressor plugin preview QR code

Utilisation de @capgo/capacitor-file-compressor

Interface du plugin Capacitor File Compressor 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. Exécutez-l’à nouveau après chaque mise à niveau du plugin

Importer

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

Vue d'ensemble de API

Méthode Description
compressImage Comprime une image avec des dimensions et des paramètres de qualité spécifiés.

Exemples

compressImage()

Comprime une image avec des dimensions et des paramètres de qualité spécifiés.

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

Continuez à partir de l'utilisation de @capgo/capacitor-file-compressor

Si vous utilisez L'utilisation de @capgo/capacitor-file-compressor planifier l'attente de stockage et la gestion des fichiers, connectez-l’à @capgo/capacitor-compressor-de-fichiers pour le détail d'implémentation dans @capgo/capacitor-compresseur-de-fichiers Getting Started pour les détails d'implémentation dans Démarrage @capgo/capacitor-stockage-de-données-sqlite Pour les détails d'implémentation dans @capgo/capacitor-stockage-de-données-sqlite. Utilisation de @capgo/capacitor-stockage-de-données-sqlite pour la capacité native en utilisant @capgo/capacitor-data-storage-sqlite, et @capgo/capacitor-fichier pour le détail d'implémentation dans @capgo/capacitor-fichier.

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 exécutez « bunx cap sync » afin que les projets iOS et Android prennent en compte les code natifs. Importez-l’à partir de « @capgo/capacitor-file-compressor » dans votre application code.

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

Oui. Le Compréhenseur de fichiers est un Capacitor package, il fonctionne donc avec n'importe quel framework web qui s'exécute à l'intérieur de Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript pur.

Quelle version de Capacitor est prise en charge par @capgo/capacitor-file-compressor ?

Les plugins Capgo suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à votre version majeure de Capacitor (par exemple, plugin v8 avec Capacitor 8). La table de compatibilité dans le fichier README du GitHub liste 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 à https://github.com/Cap-go/capacitor-file-compressor/ et le package est gratuit pour l'installer depuis npm. Les rapports de bugs et les demandes de mise à jour sont les bienvenus.

Can I update code that uses File Compressor without an App Store review?

L'installation ou la mise à niveau du plugin modifie le code natif, il faut donc une nouvelle construction de l'application. Une fois cela fait, les modifications JavaScript, HTML et CSS qui appellent le plugin peuvent être déployées instantanément avec les mises à jour Capgo.

Ship File Compressor changes without waiting for app review

Une fois le plugin dans votre magasin de build, Capgo les mises à jour en temps réel poussent vos modifications de JavaScript, HTML et CSS chez les utilisateurs en quelques minutes.

Commencez avec Capgo