指南
文件选择器教程
使用@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/