FilePond

El componente FilePond nos brinda la posibilidad de subir imágenes y archivos mediante una interfaz amigable. El componente usa la librería Filepond puedes acceder a ella en el siguiente enlace https://pqina.nl/filepond/

# Uso Básico

La forma básica de usarlo es la siguiente

defer es completamente opcional puedes usar solamente wire:model si prefieres

# Vista Previa

Si deseas habilitar la visualización de las imágenes puedes hacerlo usando allowImagePreview y también puedes especificar el alto con imagePreviewMaxHeight, lo podrás ver más claro, a continuación:

Como resultado final puedes apreciar la siguiente imagen

Para poder usar el File Preview tienes que habilitar el plugin Image Preview de filepond lo puedes encontrar acá https://pqina.nl/filepond/plugins/

# Múltiples Imágenes o Archivos

Si deseas subir múltiples imágenes al mismo tiempo puedes usar la propiedad multiple como se puede apreciar en la imagen

# Vídeo Demostrativo

Puedes ver el componente en acción en el siguiente vídeo