Langsung ke konten utama

Kompresi File plugin Capacitor

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

Pasang

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 Kompresi File di Capacitor

Test di perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

Tautan QR pratinjau plugin Kompresi File code

Menggunakan @capgo/capacitor-file-compressor

Antarmuka Plugin Kompresi File Capacitor untuk kompresi gambar.

Install

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

bunx cap sync mengcopy plugin asli code ke proyek-proyek asli Anda. Jalankan lagi setelah setiap upgrade plugin.

Import

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

API secara singkat

Methode Deskripsi
compressImage Mengompres file gambar dengan spesifikasi ukuran dan kualitas tertentu.

Contoh

compressImage()

Mengompres file gambar dengan spesifikasi ukuran dan 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

Teruskan dari Menggunakan @capgo/capacitor-compressor-file

Jika Anda menggunakan Menggunakan @capgo/capacitor-compressor-file untuk merencanakan penyimpanan dan pengelolaan file, hubungkannya dengan @capgo/capacitor-compressor-file untuk detail implementasi di @capgo/capacitor-compressor-file, Mulai Menggunakan untuk detail implementasi di Getting Started, @capgo/capacitor-penyimpanan-data-sqlite untuk detail implementasi di @capgo/capacitor-penyimpanan-data-sqlite, Menggunakan @capgo/capacitor-penyimpanan-data-sqlite untuk kemampuan native di Menggunakan @capgo/capacitor-penyimpanan-data-sqlite, dan di @capgo/capacitor-file untuk detail implementasi di @capgo/capacitor-file.

FAQ

FAQ Plugin Pengompres File

Bagaimana cara menginstal plugin Pengompres File di sebuah aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-file-compressor" (atau "npm install @capgo/capacitor-file-compressor"), kemudian jalankan "bunx cap sync" agar projek iOS dan Android dapat menangkap native code. Import dari "@capgo/capacitor-file-compressor" di aplikasi code.

Apakah @capgo/capacitor-file-compressor dapat digunakan dengan React, Vue, dan Angular?

Ya. Pengompres File adalah paket Capacitor, sehingga dapat digunakan dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

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

Capgo plugin mengikuti versi utama Capacitor: gunakan versi plugin utama yang sesuai dengan versi utama Capacitor (misalnya plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub menampilkan versi yang dipelihara.

Apakah @capgo/capacitor-file-compressor gratis dan terbuka sumber?

Ya. Sumber code tersedia secara publik di GitHub di https://github.com/Cap-go/capacitor-file-compressor/ dan paket dapat diinstal secara gratis dari npm. Laporan bug dan permintaan pull selalu welcome.

Dapatkah saya memperbarui code yang menggunakan Pengompres File tanpa melalui tinjauan App Store?

Menginstal atau mengupgrade plugin mengubah native code, sehingga memerlukan build aplikasi baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin dapat dikirimkan secara langsung dengan Capgo live updates.

Kirim perubahan File Compressor tanpa menunggu tinjauan aplikasi

Setelah plugin masuk ke dalam toko Anda, Capgo pembaruan hidup mengirimkan perubahan JavaScript, HTML, dan CSS Anda ke pengguna dalam menit-menit.

Mulai dengan Capgo