文件选择器__CAPGO_KEEP_0__插件:安装、设置与示例
返回插件
@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 - 选择设备中的一个或多个图片。仅限 Android/iOS。
  • 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);

全局参考

继续使用@capgo/capacitor-file-picker

如果您正在使用 使用@capgo/capacitor-file-picker 来规划存储和文件处理,连接它与 @capgo/capacitor-file-picker 了解@capgo/capacitor-file-picker 的实现细节在@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-file-picker开始使用@capgo/capacitor-file-picker 为 @capgo/capacitor-data-storage-sqlite 的实现细节, 使用 @capgo/capacitor-data-storage-sqlite 为 @capgo/capacitor-data-storage-sqlite 的原生能力, @capgo/capacitor-file 为 @capgo/capacitor-file 的实现细节,