Subir archivos mediante Filepond en componentes Livewire

  • Publicado el 01 agosto, 2024
  • Palabras: 138

Filepond es un paquete de JavaScript que te permite cargar cualquier cosa, con integraciones populares para React, Vue, Svelte y más.

Subir archivos mediante Filepond en componentes Livewire

Si usas Livewire, ahora puede usar Filepond fácilmente para subir archivos dentro de los componentes Livewire mediante el paquete livewire-filepond de Spatie. Este paquete contiene un componente Livewire que le permite comenzar a usarlo en sus proyectos Laravel fácilmente:

 

use Livewire\Component;
use Spatie\LivewireFilepond\WithFilePond;
 
class MyLivewireComponent extends Component
{
    use WithFilePond;
 
    public $file;
}
 
// <x-filepond::upload wire:model="file" />

 

Puede pasar cualquier propiedad que Filepond acepte y puede personalizar aún más el componente Livewire Filepond con las siguientes opciones disponibles al momento de escribir este artículo:

 

  • Permite múltiples subidas
  • Permite que el fichero sea obligatorio
  • Posibilidad de desabilitar el input de subida
  • Texto en placeholder personalizado

 

Puede obtener más información sobre este paquete, obtener instrucciones de instalación completas y ver el código fuente en GitHub. Para obtener más información sobre este proyecto, consulte el artículo de Freek Van der Herten sobre este paquete.

Antonio Jenaro

Antonio Jenaro

Web Developer

Fuente: Laravel news

Inicia la conversación

Hazte miembro de Antonio Jenaro para comenzar a comentar.

Regístrate ahora

¿Ya estás registrado? Inicia sesión