Guía
Tutorial sobre Selector de Archivos
Usando @capgo/capacitor-selector-de-archivos
Interfaz del plugin Selector de Archivos de Capacitor para seleccionar archivos, imágenes, videos y directorios.
Instalar
bun add @capgo/capacitor-file-picker
bunx cap sync
¿Qué se expone con este plugin?
pickFiles- Seleccionar uno o más archivos del dispositivo.pickImages- Seleccionar uno o más imágenes de la galería. Solo disponible para Android/iOS.pickVideos- Selecciona uno o más videos de la galería. Solo para Android/iOS.pickMedia- Selecciona uno o más imágenes o videos de la galería. Solo para Android/iOS.
Ejemplo de uso
pickFiles
Selecciona uno o más archivos desde el dispositivo.
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
Selecciona uno o más imágenes de la galería. Solo para 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
Selecciona uno o más videos de la galería. Solo para 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
Selecciona uno o más imágenes o videos de la galería. Solo para Android/iOS.
import { CapgoFilePicker } from '@capgo/capacitor-file-picker';
const result = await CapgoFilePicker.pickMedia({
limit: 5,
readData: true
});
console.log('Picked media:', result.files);
Referencia completa
- GitHub: https://github.com/Cap-go/capacitor-file-picker/
- Documentación: /docs/plugins/file-picker/
Sigue adelante desde Using @capgo/capacitor-file-picker
Si estás utilizando Usando @capgo/capacitor-file-picker para planificar el almacenamiento y el manejo de archivos, conecta con @capgo/capacitor-file-picker para los detalles de implementación en @capgo/capacitor-file-picker, Paso a paso para los detalles de implementación en Paso a paso, @capgo/capacitor-data-storage-sqlite para los detalles de implementación en @capgo/capacitor-data-storage-sqlite, Usando @capgo/capacitor-data-storage-sqlite para la capacidad nativa en Usando @capgo/capacitor-data-storage-sqlite, y @capgo/capacitor-file para los detalles de implementación en el archivo @capgo/capacitor-file.