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.