메인 콘텐츠로 건너뛰기
@capgo/capacitor-파일 압축기 미디어 오픈 소스

파일 압축기 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 앱을 다운로드한 후 QR code를 스캔하세요.

이미지 압축 플러그인 미리보기 QR code

@capgo/capacitor-file-compressor를 사용하여

Capacitor

Install

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

bunx cap sync code의 원시 코드를 프로젝트에 복사합니다. 플러그인 업그레이드 후 다시 실행하세요.

Import

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);

전체 참조

Using @capgo/capacitor-file-compressor

Using @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-file-compressor @Capacitor-capgo/capacitor-file-compressor 파일 압축기 @capgo/capacitor-파일 압축기 @capgo/capacitor-file-compressor 시작하기 Getting Started @capgo/capacitor-SQLite 데이터 저장소 @capgo/capacitor-data-storage-sqlite @capgo/capacitor-데이터 저장소-sqlite Using @capgo/capacitor-data-storage-sqlite @capgo/capacitor-파일 압축기 @capgo/capacitor-파일 구현 세부사항을 위해

FAQ

__CAPGO_KEEP_0__ 플러그인 FAQ

Capacitor 앱에 File Compressor 플러그인을 설치하는 방법은?

Run "bun add @capgo/capacitor-file-compressor" (또는 "npm install @capgo/capacitor-file-compressor"), 그리고 "bunx cap sync"를 실행하여 iOS 및 Android 프로젝트가 네이티브 code를 인식하도록 하세요. 그리고 앱 code에서 "@capgo/capacitor-file-compressor"를 수입하세요.

capgo/capacitor-file-compressor는 React, Vue 및 Angular와 함께 작동합니까?

네. File Compressor는 Capacitor 패키지이므로 Ionic, React, Vue, Angular, Svelte 및 일반 JavaScript와 같은 Capacitor 내부에서 실행되는 모든 웹 프레임워크와 함께 작동합니다.

Capacitor 버전은 @capgo/capacitor-file-compressor가 지원하는가요?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

@capgo/capacitor-file-compressor는 무료이고 오픈 소스인가요?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-file-compressor/ and the package is free to install from npm. Bug reports and pull requests are welcome.

code를 업데이트할 수 있나요?

code를 업데이트하면 Native code이 변경되므로 새로운 스토어 빌드를 필요로 합니다. 그 후에 JavaScript, HTML 및 CSS 변경 사항이 플러그인을 호출하는 경우 Capgo Live Update를 통해 즉시 배포할 수 있습니다.

앱 리뷰 기다리지 않고 Ship File Compressor 변경을 푸시합니다.

플러그인이 스토어 빌드에 포함된 후, Capgo 라이브 업데이트 사용자에게 JavaScript, HTML 및 CSS 변경을 몇 분 안에 푸시합니다.

시작하기 Capgo