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

Desarrollador backend especializado en PHP y Laravel, con sede en Santander, Cantabria. Más de 15 años de experiencia en el desarrollo de aplicaciones web a medida y en la modernización de código heredado.

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