ガイド
Capacitor で File Compressor を使う方法
@capgo/capacitor-file-compressor を使用
画像圧縮用の Capacitor File Compressor プラグイン インターフェース
インストール
bun add @capgo/capacitor-file-compressor
bunx cap sync
bunx cap sync プラグインのネイティブ code をネイティブプロジェクトにコピーします。プラグインをアップグレードするたびに再度実行してください。
インポート
import { FileCompressor } from '@capgo/capacitor-file-compressor';
API の概要
| メソッド | 説明 |
|---|---|
compressImage |
指定したサイズと画質設定で画像ファイルを圧縮します。 |
実装例
compressImage()
指定したサイズと画質設定で画像ファイルを圧縮します。
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);
リファレンス全文
@capgo/capacitor-file-compressor の使用について
以下を使用している場合： @capgo/capacitor-file-compressor を使う ストレージとファイル処理を計画するには、次と連携させます @capgo/capacitor-file-compressor @capgo/capacitor-file-compressor の実装詳細については、 はじめに Getting Started の実装の詳細については、 @capgo/capacitor-data-storage-sqlite @capgo/capacitor-data-storage-sqlite の実装の詳細については、 @capgo/capacitor-data-storage-sqlite の使い方 「@capgo/capacitor-data-storage-sqlite の使い方」のネイティブ機能については、また @capgo/capacitor-file @capgo/capacitor-file. の実装の詳細については