文件选择器

使用@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);

完整参考

• GitHub: https://github.com/Cap-go/capacitor-file-picker/
• 文档: /docs/plugins/file-picker/

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

If you are using 使用 @capgo/capacitor-file-picker 若要规划存储和文件处理，连接它与 @capgo/capacitor-file-picker 查看 @capgo/capacitor-file-picker 的实现细节 开始 查看开始的实现细节 @capgo/capacitor-data-storage-sqlite 查看 @capgo/capacitor-data-storage-sqlite 的实现细节 使用 @capgo/capacitor-data-storage-sqlite 查看使用 @capgo/capacitor-data-storage-sqlite 的原生能力 @capgo/capacitor-file 为 @capgo/capacitor-file 的实现细节。