Saltar al contenido principal
Volver a plugins
@capgo/capacitor-file-picker
Tutoría
@capgo/capacitor-file-picker

File Picker

Selecciona archivos, imágenes, videos y directorios con un soporte nativo completo para iOS y Android, incluyendo la conversión de HEIC

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

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.