Salta al contenuto principale

Compressore file Plugin Capacitor

Plugin Capacitor per la compressione efficiente di immagini in formato PNG, JPEG e WebP su iOS, Android e Web

Installa

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

Guida

Come usare File Compressor in Capacitor

Testa sul dispositivo

Scarica l'app Capgo, poi scansiona il QR code.

Anteprima QR plugin File Compressor code

Utilizzando @capgo/capacitor-file-compressor

Interfaccia del plugin Capacitor File Compressor per la compressione delle immagini.

Installa

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

bunx cap sync copia i code nativi del plugin nei tuoi progetti nativi. Eseguilo di nuovo dopo ogni aggiornamento del plugin.

Importa

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

API in breve

Metodo Descrizione
compressImage Comprime un file immagine con dimensioni e qualità specificate.

Esempi

compressImage()

Comprime un file immagine con dimensioni e qualità specificate.

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);

Riferimento completo

Continua da Usare @capgo/capacitor-file-compressor

Se stai usando Usare @capgo/capacitor-file-compressor per pianificare storage e gestione file, connettilo a @capgo/capacitor-file-compressor per i dettagli di implementazione in @capgo/capacitor-file-compressor, Per iniziare per i dettagli di implementazione nella guida introduttiva, @capgo/capacitor-data-storage-sqlite per i dettagli di implementazione in @capgo/capacitor-data-storage-sqlite, Utilizzo di @capgo/capacitor-data-storage-sqlite per la funzionalità nativa in Usando @capgo/capacitor-data-storage-sqlite, e @capgo/capacitor-file per i dettagli di implementazione in @capgo/capacitor-file.

FAQ

FAQ del plugin File Compressor

Come installo il plugin File Compressor in un'app Capacitor?

Esegui "bun add @capgo/capacitor-file-compressor" (o "npm install @capgo/capacitor-file-compressor"), poi lancia "bunx cap sync" per aggiornare i progetti iOS e Android con le code native. Importalo da "@capgo/capacitor-file-compressor" nel code della tua app.

@capgo/capacitor-file-compressor funziona con React, Vue e Angular?

Sì. File Compressor è un pacchetto Capacitor, quindi funziona con qualsiasi web framework in esecuzione su Capacitor, inclusi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Quale versione di Capacitor è supportata da @capgo/capacitor-file-compressor?

I plugin Capgo seguono la major version di Capacitor: usa la major version del plugin che corrisponde alla tua major version di Capacitor (ad esempio plugin v8 con Capacitor 8). La tabella di compatibilità nel README di GitHub elenca le versioni mantenute.

@capgo/capacitor-file-compressor è free e open source?

Sì. Il codice sorgente di code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-file-compressor/ e il pacchetto è gratuito su npm. Bug report e pull request sono i benvenuti.

Posso aggiornare code che usa File Compressor senza passare per la revisione dell'App Store?

Installare o aggiornare il plugin modifica il code nativo, quindi serve una nuova build per lo store. Dopo, le modifiche a JavaScript, HTML e CSS che chiamano il plugin possono essere rilasciate subito con le live updates di Capgo.

Distribuisci modifiche a File Compressor senza attendere la revisione dell'app

Una volta incluso il plugin nel tuo store build, Capgo invia le modifiche a JavaScript, HTML e CSS tramite live updates in pochi minuti.

Inizia con Capgo