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

파일 픽커

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

Guide

파일 픽커 튜토리얼

Using @capgo/capacitor-file-picker

Capacitor File Picker Plugin

__CAPGO_KEEP_0__ File Picker 플러그인

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

If you are using Using @capgo/capacitor-file-picker to plan storage and file handling, connect it with @capgo/capacitor-file-picker for the implementation detail in @capgo/capacitor-file-picker, Getting Started for the implementation detail in Getting Started, @capgo/capacitor-data-storage-sqlite for the implementation detail in @capgo/capacitor-data-storage-sqlite, Using @capgo/capacitor-data-storage-sqlite for the native capability in Using @capgo/capacitor-data-storage-sqlite, and @capgo/capacitor-file Capgo의 구현 세부 정보에 대해 @capgo/capacitor-파일에 대해.