메인 콘텐츠로 건너뛰기
플러그인으로 돌아가기
@capgo/capacitor-file-picker
튜토리얼
@capgo/capacitor-file-picker

파일 픽커

iOS와 Android에서 HEIC 변환을 포함한 전체 네이티브 지원으로 파일, 이미지, 비디오 및 디렉토리를 선택하세요.

Guide

파일 픽커 튜토리얼

@capgo/capacitor-file-picker 사용하기

Capacitor 파일 픽커 플러그인

설치

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

이 플러그인은 다음을 제공합니다.

  • pickFiles - 하나 이상의 파일을 장치에서 선택합니다.
  • pickImages - 갤러리에서 하나 이상의 이미지를 선택합니다. (안드로이드/아이오스 전용)
  • pickVideos - 갤러리에서 하나 이상의 비디오를 선택하세요. (Android/iOS만)
  • pickMedia - 갤러리에서 하나 이상의 이미지 또는 비디오를 선택하세요. (Android/iOS만)

예시 사용

pickFiles

장치에서 하나 이상의 파일을 선택하세요.

import { CapgoFilePicker } from '@capgo/capacitor-file-picker';

const result = await CapgoFilePicker.pickFiles({
  types: ['application/pdf', 'image/*'],
  limit: 5,
  readData: false
});
console.log('Picked files:', result.files);

pickImages

갤러리에서 하나 이상의 이미지를 선택하세요. (Android/iOS만)

import { CapgoFilePicker } from '@capgo/capacitor-file-picker';

const result = await CapgoFilePicker.pickImages({
  limit: 10,
  readData: false
});
console.log('Picked images:', result.files);

pickVideos

갤러리에서 하나 이상의 비디오를 선택하세요. (Android/iOS만)

import { CapgoFilePicker } from '@capgo/capacitor-file-picker';

const result = await CapgoFilePicker.pickVideos({
  limit: 3,
  skipTranscoding: true
});
console.log('Picked videos:', result.files);

pickMedia

갤러리에서 하나 이상의 이미지 또는 비디오를 선택하세요. (Android/iOS만)

import { CapgoFilePicker } from '@capgo/capacitor-file-picker';

const result = await CapgoFilePicker.pickMedia({
  limit: 5,
  readData: true
});
console.log('Picked media:', result.files);

전체 참조

Using @capgo/capacitor-file-picker

Capacitor를 사용 중이라면 Capacitor @capgo/capacitor-file-picker 저장소와 파일 처리를 계획하고 싶다면 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-file-picker Capacitor @capgo/capacitor-file-picker Capacitor @capgo/capacitor-file-picker Getting Started Getting Started Capacitor @capgo/capacitor-data-storage-sqlite Capacitor @capgo/capacitor-data-storage-sqlite Capacitor @capgo/capacitor-data-storage-sqlite Capacitor를 사용 중이라면 @capgo/capacitor-data-storage-sqlite Capacitor @capgo/capacitor-file for the implementation detail in @capgo/capacitor-file.