跳转至正文

文件压缩器 Capacitor 插件

Capacitor 插件可实现高效图像压缩,支持 iOS、Android 和 Web 平台的 PNG、JPEG 及 WebP 格式

安装

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 中使用 File Compressor

在设备上测试

下载 Capgo App,然后扫描二维码 code。

File Compressor 插件预览二维码 code

使用 @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 的实现细节, 快速入门 有关“入门指南”中的实现细节, @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. 的实现细节

常见问题

File Compressor 插件常见问题

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

运行 "bun add @capgo/capacitor-file-compressor"(或 "npm install @capgo/capacitor-file-compressor"),然后运行 "bunx cap sync",使 iOS 和 Android 项目同步 native code。最后在你的应用 code 中从 "@capgo/capacitor-file-compressor" 导入即可。

@capgo/capacitor-file-compressor 是否支持 React、Vue 和 Angular?

是的。File Compressor 是一个 Capacitor package,因此它可以与任何在 Capacitor 中运行的 web framework 配合使用,包括 Ionic、React、Vue、Angular、Svelte 以及原生 JavaScript。

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

Capgo 插件遵循 Capacitor 的主版本号:请使用与 Capacitor 主版本号一致的插件主版本(例如插件 v8 对应 Capacitor 8)。GitHub README 中的兼容性表列出了仍在维护的版本。

@capgo/capacitor-file-compressor 是免费开源的吗?

是的。code 的源码已在 GitHub 上公开,地址为 https://github.com/Cap-go/capacitor-file-compressor/,并且你可以直接从 npm 免费安装该 package。欢迎提交 Bug reports 和 pull requests。

我可以在不经过 App Store 审核的情况下,更新使用了 File Compressor 的 code 吗?

安装或升级插件会改动原生 code,因此需要重新做一次商店构建。之后,调用该插件的 JavaScript、HTML 和 CSS 改动就能通过 Capgo live updates 立即发布。

无需等待 App Store 审核,即可快速发布 File Compressor 的更新

只要插件已包含在你的商店版本中,Capgo live updates 就能在几分钟内把 JavaScript、HTML 和 CSS 的改动推送给用户。

开始使用 Capgo