跳过主要内容
返回插件
@capgo/capacitor-file-compressor
教程
@capgo/capacitor-file-compressor

文件压缩

Capacitor 支持 PNG、JPEG 和 WebP 格式的高效图像压缩,适用于 iOS、Android 和 Web 平台

指南

文件压缩器教程

在设备上测试

Download the Capgo app, then scan the QR code.

文件压缩插件预览二维码code

使用@capgo/capacitor-file-compressor

Capacitor文件压缩插件接口用于图片压缩

安装

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

此插件暴露的内容

  • 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_KEEP_0__/__CAPGO_KEEP_1__-file-compressor 查看@capgo/capacitor-file-compressor的实现细节 for the implementation detail in @capgo/capacitor-file-compressor, 查看开始的实现细节 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-data-storage-sqlite 查看@capgo/capacitor-data-storage-sqlite的实现细节 使用@capgo/capacitor-data-storage-sqlite 使用@capgo/capacitor-data-storage-sqlite 为native能力在使用@capgo/capacitor-data-storage-sqlite, 和 @capgo/capacitor-file 为实现细节在@capgo/capacitor-file.