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

파일 선택기

iOS 및 Android에서 HEIC 변환을 지원하는 파일, 이미지, 비디오 및 디렉토리 선택에 대한 완전한 네이티브 지원을 제공합니다.

가이드

파일 선택기 튜토리얼

@capgo/capacitor-file-picker 사용

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

설치

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

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

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

예제 사용법

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

갤러리에서 하나 이상의 이미지를 선택합니다. (안드로이드/아이오스 전용).

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

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

pickVideos

갤러리에서 하나 이상의 비디오를 선택합니다. (안드로이드/아이오스 전용).

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

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

pickMedia

갤러리에서 하나 이상의 이미지를 또는 비디오를 선택합니다. (안드로이드/아이오스 전용).

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

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

전체 참조

capgo을 계속 사용하세요. @capgo/capacitor-file-picker

__CAPGO_KEEP_0__을 사용하고 계신가요? @capgo/capacitor-file-picker을 사용하세요. 저장소와 파일 처리를 계획하고 싶으시다면 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-file-picker과 연결하세요. @capgo/capacitor-file-picker을 사용하여 @capgo/capacitor-data-storage-sqlite의 구현 세부 사항을 확인하세요. for the implementation detail in @capgo/capacitor-file-picker, 시작하기의 구현 세부 사항을 확인하세요. @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-data-storage-sqlite @capgo/capacitor-data-storage-sqlite implementation detail in @capgo/capacitor-data-storage-sqlite 에서 Using @capgo/capacitor-data-storage-sqlite native 기능을 사용하기 위해 @capgo/capacitor-data-storage-sqlite @capgo/capacitor-file implementation detail in @capgo/capacitor-file 에서