본문으로 바로가기
플러그인으로 돌아가기
@capgo/capacitor-file-picker
튜토리얼
github.com/Cap-go에서 github

파일 픽커

iOS와 Android에서 HEIC 변환을 포함한 모든 네이티브 지원과 함께 파일, 이미지, 비디오, 디렉토리 선택

가이드

파일 픽커에 대한 튜토리얼

Using @capgo/capacitor-file-picker

Capacitor 파일 픽커 플러그인: 파일, 이미지, 비디오 및 디렉토리를 선택하기 위한 인터페이스

설치

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

이 플러그인이 제공하는 것

  • pickFiles - 장치에서 하나 이상의 파일을 선택합니다.
  • pickImages - 갤러리에서 하나 이상의 이미지를 선택합니다. (안드로이드/아이오에스 전용)
  • pickVideos - 갤러리에서 하나 이상의 비디오를 선택합니다. (안드로이드/아이오에스 전용)
  • 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);

전체 참조