跳过主要内容

文件压缩器 Capacitor 插件

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

安装

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

指南

如何在Capacitor中使用文件压缩器

在设备上测试

下载Capgo应用程序,然后扫描QRcode。

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

使用 @capgo/capacitor-file-compressor

Capacitor 文件压缩插件界面用于图像压缩。

安装

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-文件压缩器 @capgo/capacitor-file-compressor 开始使用 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-file-compressor @capgo/capacitor-sqlite-数据存储 @capgo/capacitor-data-storage-sqlite 使用@capgo/capacitor-data-storage-sqlite @capgo/capacitor-data-storage-sqlite @capgo/capacitor文件压缩器 为@capgo/capacitor文件实现细节。

常见问题

File Compressor插件FAQ

如何在Capacitor应用中安装File Compressor插件?

运行"bun add @capgo/capacitor-file-compressor" (或 "npm install @capgo/capacitor-file-compressor" ),然后运行 "bunx cap sync" 以便iOS和Android项目获取native code。从"@capgo/capacitor-file-compressor"中导入它到您的应用code。

Does @capgo/capacitor-file-compressor support React、Vue 和 Angular?

是的。文件压缩器是一个 Capacitor 包,因此它可以与任何运行在 Capacitor 内的 Web 框架一起工作,包括 Ionic、React、Vue、Angular、Svelte 和普通 JavaScript。

哪个 Capacitor 版本支持 @capgo/capacitor-file-compressor?

Capgo 插件遵循 Capacitor 的主要版本:使用与 Capacitor 主要版本匹配的插件主要版本(例如插件 v8 与 Capacitor 8)。兼容性表格在 GitHub README 中列出维护的版本。

是否 @capgo/capacitor-file-compressor 免费且开源?

是的。源 code 公开在 GitHub 上 https://github.com/Cap-go/capacitor-file-compressor/,并且包是免费安装的从 npm。bug 报告和拉取请求都欢迎。

是否可以在 App Store 审核时更新使用 File Compressor 的 code?

安装或升级插件会更改本机 code,因此需要一个新的商店构建。之后,JavaScript、HTML 和 CSS 的更改可以立即与 Capgo 实时更新一起发布。

不必等待应用程序审查就可以将文件压缩插件的更改推送到商店

一旦插件在您的商店构建中,Capgo即时更新将推送您的JavaScript、HTML和CSS更改给用户。

开始使用 Capgo