가이드
파일 픽커에 대한 튜토리얼
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);
전체 참조
- GitHub: https://github.com/Cap-go/capacitor-file-picker/
- 문서: /docs/plugins/file-picker/