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.
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
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