Getting Started
이 플러그인에 대한 설치 단계와 전체 마크다운 가이드를 포함한 설정 프롬프트를 복사하세요.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-file-picker`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/file-picker/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
AI-Assisted Setup을 사용하여 플러그인을 설치할 수 있습니다. AI 도구에 Capgo 기능을 추가하려면 다음 명령어를 사용하세요.
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins다음 명령어를 사용하여 플러그인을 설치하고 플랫폼에 따라 아래의 지침을 따르세요.
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-file-picker` plugin in my project.터미널 창에 복사
bun add @capgo/capacitor-file-pickerbunx cap syncimport { CapgoFilePicker } from '@capgo/capacitor-file-picker';API 개요
'API 개요' 제목의 섹션pickFiles
'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
'pickImages' 제목의 섹션갤러리에서 하나 이상의 이미지를 선택합니다.(안드로이드/아이오에스 전용)
import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const result = await CapgoFilePicker.pickImages({ limit: 10, readData: false});console.log('Picked images:', result.files);pickVideos
pickVideos 섹션갤러리에서 하나 이상의 비디오를 선택하세요. 안드로이드/아이폰 전용.
import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const result = await CapgoFilePicker.pickVideos({ limit: 3, skipTranscoding: true});console.log('Picked videos:', result.files);pickMedia
pickMedia 섹션갤러리에서 하나 이상의 이미지 또는 비디오를 선택하세요. 안드로이드/아이폰 전용.
import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const result = await CapgoFilePicker.pickMedia({ limit: 5, readData: true});console.log('Picked media:', result.files);pickDirectory
pickDirectory 섹션장치에서 폴더를 선택하세요. 안드로이드/아이폰 전용.
import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const result = await CapgoFilePicker.pickDirectory();console.log('Selected directory:', result.path);convertHeicToJpeg
convertHeicToJpeg 섹션HEIC 이미지 형식을 JPEG 형식으로 변환하세요. 아이폰 전용.
import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const result = await CapgoFilePicker.convertHeicToJpeg({ path: '/path/to/image.heic', quality: 0.9});console.log('Converted file:', result.path);copyFile
__CAPGO_KEEP_1____CAPGO_KEEP_2__
import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
await CapgoFilePicker.copyFile({ from: '/source/file.pdf', to: '/destination/file.pdf', overwrite: true});checkPermissions
__CAPGO_KEEP_3____CAPGO_KEEP_4__
import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const status = await CapgoFilePicker.checkPermissions();console.log('Read permission:', status.readExternalStorage);requestPermissions
__CAPGO_KEEP_5____CAPGO_KEEP_0__
import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const status = await CapgoFilePicker.requestPermissions();if (status.readExternalStorage === 'granted') { console.log('Permission granted');}__CAPGO_KEEP_0__
__CAPGO_KEEP_7__PickFilesOptions
선택한 파일 옵션파일을 선택하는 옵션입니다.
export interface PickFilesOptions { /** * List of accepted MIME types or file extensions. * On iOS, only MIME types are supported. * Examples: ['image/*'], ['application/pdf'], ['.pdf', '.doc'] */ types?: string[]; /** * Maximum number of files to pick. * Set to 0 for unlimited (platform default). * @default 0 */ limit?: number; /** * Whether to read the file data as base64. * Note: Reading large files may cause memory issues. * @default false */ readData?: boolean;}PickFilesResult
선택한 파일 결과클립보드에 복사
export interface PickFilesResult { /** Array of picked files */ files: PickedFile[];}PickMediaOptions
클립보드에 복사디렉토리 선택 결과
export interface PickMediaOptions { /** * Maximum number of files to pick. * Set to 0 for unlimited (platform default). * @default 0 */ limit?: number; /** * Whether to read the file data as base64. * Note: Reading large files may cause memory issues. * @default false */ readData?: boolean; /** * iOS only: Skip transcoding of videos. * @default false */ skipTranscoding?: boolean; /** * iOS 15+ only: Show ordered selection badges. * @default false */ ordered?: boolean;}PickDirectoryResult
클립보드에 복사클립보드에 복사
export interface PickDirectoryResult { /** The path to the selected directory */ path: string;}ConvertHeicToJpegOptions
ConvertHeicToJpegOptionsHEIC를 JPEG로 변환하는 옵션
export interface ConvertHeicToJpegOptions { /** The path to the HEIC file to convert */ path: string; /** * The compression quality for JPEG (0.0 - 1.0). * @default 0.9 */ quality?: number;}ConvertHeicToJpegResult
ConvertHeicToJpegResultHEIC를 JPEG로 변환한 결과
export interface ConvertHeicToJpegResult { /** The path to the converted JPEG file */ path: string;}CopyFileOptions
CopyFileOptions파일 복사 옵션
export interface CopyFileOptions { /** Source file path */ from: string; /** Destination file path */ to: string; /** * Whether to overwrite if destination exists. * @default false */ overwrite?: boolean;}PermissionStatus
PermissionStatus파일 접근 권한 상태
export interface PermissionStatus { /** Whether permission to read media files is granted */ readExternalStorage: PermissionState; /** Whether permission to access media location is granted */ accessMediaLocation?: PermissionState;}PickerDismissedListener
PickerDismissedListener 섹션 제목Picker가 닫힌 이벤트에 대한 리스너 콜백입니다.
export type PickerDismissedListener = (event: null) => void;PickedFile
PickedFile 섹션 제목picked file을 나타냅니다.
export interface PickedFile { /** The name of the file */ name: string; /** The path to the file */ path?: string; /** The MIME type of the file */ mimeType: string; /** The size of the file in bytes */ size: number; /** * The base64 encoded data of the file. * Only present if readData was true. */ data?: string; /** * The Blob instance of the file. * Web only. */ blob?: Blob; /** Width in pixels (images/videos only) */ width?: number; /** Height in pixels (images/videos only) */ height?: number; /** Duration in seconds (videos only) */ duration?: number; /** Last modified timestamp in milliseconds */ modifiedAt?: number;}PermissionState
PermissionState 섹션 제목권한 상태 값입니다.
export type PermissionState = 'prompt' | 'prompt-with-rationale' | 'granted' | 'denied';실질적인 원천
Source Of Truth 섹션 제목이 페이지는 플러그인의 소스 코드에서 생성됩니다. src/definitions.ts. Re-run the sync when the public API changes upstream.
Getting Started를 계속 진행하세요
Getting Started를 계속 진행하는 섹션입니다Capgo를 사용 중이라면 Getting Started를 사용하여 저장소 및 파일 처리를 계획하고 Capgo를 사용하여 저장소 및 파일 처리를 계획하고, __CAPGO_KEEP_0__를 사용하여 Capgo를 사용하여 저장소 및 파일 처리를 계획하고, capgo를 사용하여 capacitor-file-picker를 연결하세요 Capgo를 사용하여 저장소 및 파일 처리를 계획하고, capgo를 사용하여 capacitor-file-picker를 연결하여 Capgo를 사용하여 저장소 및 파일 처리를 계획하고, capgo를 사용하여 capacitor-data-storage-sqlite를 구현하세요 Capgo를 사용하여 저장소 및 파일 처리를 계획하고, capgo를 사용하여 capacitor-data-storage-sqlite를 구현하여 Capgo를 사용하여 저장소 및 파일 처리를 계획하고, capgo를 사용하여 capacitor-data-storage-sqlite를 연결하세요 Capgo를 사용하여 저장소 및 파일 처리를 계획하고, capgo를 사용하여 capacitor-data-storage-sqlite를 연결하여 @capgo/capacitor-파일 capgo/capacitor-파일의 구현 세부 사항을 위해, 그리고 capgo/capacitor-파일을 사용하여 capgo/capacitor-파일을 사용하여 원시적인 기능을 위해