가이드
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.의 구현 세부 사항은