Saltare al contenuto principale

Compressore di file plugin Capacitor

plugin Capacitor per la compressione delle immagini efficiente che supporta i formati PNG, JPEG e WebP su iOS, Android e piattaforme 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 utilizzare il Compressore di File in Capacitor

Testa sul dispositivo

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

Anteprima del plugin File Compressor QR code

Utilizza @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 il code nativo del plugin nei tuoi progetti nativi. Esegui nuovamente dopo ogni aggiornamento del plugin.

Importa

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

Vedi API in un colpo d'occhio

Metodo Descrizione
compressImage Comprime un file di immagine con dimensioni e impostazioni di qualità specifiche.

Esempi

compressImage()

Comprime un file di immagine con dimensioni e impostazioni di qualità specifiche.

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 con l'uso di @capgo/capacitor-file-compressor

Se stai utilizzando Utilizza @capgo/capacitor-file-compressor Per pianificare lo storage e la gestione dei file, connettilo con @capgo/capacitor-file-compressor per i dettagli di implementazione in @capgo/capacitor-file-compressor, Getting Started per i dettagli di implementazione in Iniziare @capgo/capacitor-archiviazione-dati-sqlite per i dettagli di implementazione in @capgo/capacitor-archiviazione-dati-sqlite Usando @capgo/capacitor-archiviazione-dati-sqlite per la capacità nativa in Utilizzo di @capgo/capacitor-data-storage-sqlite, e @capgo/capacitor-file per i dettagli di implementazione in @capgo/capacitor-file.

FAQ

Domande frequenti sul plugin File Compressor

Come posso installare il plugin File Compressor in un'app Capacitor?

Esegui "bun add @capgo/capacitor-file-compressor" (o "npm install @capgo/capacitor-file-compressor"), quindi esegui "bunx cap sync" affinché i progetti iOS e Android recuperino il nativo code. Importalo da "@capgo/capacitor-file-compressor" nella tua app code.

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

Sì. Il compressore di file è un pacchetto Capacitor, quindi funziona con qualsiasi framework web che esegue all'interno di Capacitor, inclusi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

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

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

E' gratuito e open source @capgo/capacitor-file-compressor?

Sì. Il codice sorgente di code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-file-compressor/ e il pacchetto è gratuito da installare da npm. I rapporti di bug e le richieste di pull sono accetti.

Posso aggiornare code che utilizza il compressore di file senza una revisione dell'App Store?

L'installazione o l'aggiornamento del plugin modifica il codice nativo di code, quindi richiede una nuova costruzione dello store. Dopo di che, le modifiche JavaScript, HTML e CSS che chiamano il plugin possono essere spedite istantaneamente con Capgo live updates.

Invia le modifiche del File Compressore senza aspettare la revisione dell'app

Una volta che il plugin è nel tuo store di costruzione, Capgo le aggiornamenti in tempo reale inviano le tue modifiche JavaScript, HTML e CSS agli utenti in pochi minuti.

Avvia con Capgo