Langsung ke konten utama

Kompresor File plugin Capacitor

Plugin Capacitor untuk kompresi gambar efisien yang mendukung format PNG, JPEG, dan WebP di platform iOS, Android, dan Web

Instal

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

Panduan

Cara menggunakan File Compressor di Capacitor

Tes di perangkat

Download aplikasi Capgo, lalu scan QR code.

QR preview plugin File Compressor code

Menggunakan @capgo/capacitor-file-compressor

Antarmuka Capacitor File Compressor Plugin untuk kompresi gambar.

Instal

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

bunx cap sync menyalin code native plugin ke dalam proyek native Anda. Jalankan kembali setiap kali melakukan upgrade plugin.

Impor

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

Sekilas tentang API

Metode Deskripsi
compressImage Mengompres file gambar dengan dimensi dan pengaturan kualitas tertentu.

Contoh

compressImage()

Mengompres file gambar dengan dimensi dan pengaturan kualitas tertentu.

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

Referensi lengkap

Lanjutkan dengan Menggunakan @capgo/capacitor-file-compressor

Jika Anda menggunakan Menggunakan @capgo/capacitor-file-compressor untuk merencanakan penyimpanan dan penanganan file, hubungkan dengan @capgo/capacitor-file-compressor untuk detail implementasi di @capgo/capacitor-file-compressor, Panduan Memulai untuk detail implementasi di Getting Started, @capgo/capacitor-data-storage-sqlite untuk detail implementasi di @capgo/capacitor-data-storage-sqlite, Menggunakan @capgo/capacitor-data-storage-sqlite untuk kemampuan native di bagian Menggunakan @capgo/capacitor-data-storage-sqlite, dan @capgo/capacitor-file untuk detail implementasi di @capgo/capacitor-file.

FAQ

FAQ plugin File Compressor

Bagaimana cara instal plugin File Compressor di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-file-compressor" (atau "npm install @capgo/capacitor-file-compressor"), lalu jalankan "bunx cap sync" agar proyek iOS dan Android mengenali code native. Impor dari "@capgo/capacitor-file-compressor" di dalam code aplikasi Anda.

Apakah @capgo/capacitor-file-compressor mendukung React, Vue, dan Angular?

Ya. File Compressor adalah package Capacitor, jadi bisa digunakan dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript murni.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-file-compressor?

Plugin Capgo mengikuti versi mayor Capacitor: gunakan versi mayor plugin yang sesuai dengan versi mayor Capacitor Anda (contoh: plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub mencantumkan versi yang masih di-maintain.

Apakah @capgo/capacitor-file-compressor gratis dan open source?

Ya. Source code tersedia secara publik di GitHub pada https://github.com/Cap-go/capacitor-file-compressor/ dan package ini gratis diinstal dari npm. Laporan bug dan pull request sangat kami terima.

Bisakah saya memperbarui code yang menggunakan File Compressor tanpa melalui review App Store?

Instalasi atau upgrade plugin akan mengubah native code, jadi butuh build store baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin bisa langsung dikirim lewat live updates Capgo.

Rilis perubahan File Compressor tanpa menunggu review aplikasi

Setelah plugin ada di build store Anda, live updates Capgo akan mengirim perubahan JavaScript, HTML, dan CSS ke pengguna dalam hitungan menit.

Mulai dengan Capgo