Filament•4mo ago

File upload with Livewire component

I am trying to use SpatieMediaLibraryFileUpload component with Livewire component in a filament form. I have followed steps as mentioned at https://filamentphp.com/docs/3.x/forms/adding-a-form-to-a-livewire-component#setting-up-the-livewire-component to make the form work, but the files somehow are not getting uploaded.

SpatieMediaLibraryFileUpload::make('photo')
                            ->label('Member Photograph')
                            ->collection('member_photos')
                            ->conversion('preview')
                            ->imagePreviewHeight('250')
                            ->required()
                            ->image(),

SpatieMediaLibraryFileUpload::make('photo')
                            ->label('Member Photograph')
                            ->collection('member_photos')
                            ->conversion('preview')
                            ->imagePreviewHeight('250')
                            ->required()
                            ->image(),

The above element code works in filament v3 admin panel with a filepond component. I am trying to save the data in a custom method with following code

Member:create($this->form->getState());

Member:create($this->form->getState());

It saves the data to database without the spatie media upload. DDing $this->form->getState(); doesn't show the member_photos element in it.

Adding a form to a Livewire component - Form Builder - Filament

Solution:

The solution is to save the relationships manually with model creation. Means, if you are passing Model::class to the ->model(Model::class); form creation method, you have to manually save the relationships by calling saveRelationships() method on form class. $this->form->model($member)->saveRelationships();...

Jump to solution

1 Reply

Solution

Ehsan•4mo ago

Gaming

Programming

File upload with Livewire component