Populate the FileUpload Field with uploaded image on EditProfile page

Hi, I'm using a

SpatieMediaLibraryFileUpload

SpatieMediaLibraryFileUpload

field on my

EditProfile

EditProfile

page to upload a profile picture. The uploading and saving works, but if I navigate to the edit page again, the

FileUpload

FileUpload

field will be empty. I want to populate the field with the already uploaded image. The image is uploaded to the related model

UserProfile

UserProfile

. How can I achieve this? This is my code for the field:

SpatieMediaLibraryFileUpload::make('profile_picture')
              ->image()
              ->collection('profile_pictures')

SpatieMediaLibraryFileUpload::make('profile_picture')
              ->image()
              ->collection('profile_pictures')

Filament•12mo ago•

6 replies

Hi, I'm using a

SpatieMediaLibraryFileUpload

SpatieMediaLibraryFileUpload

field on my

EditProfile

EditProfile

page to upload a profile picture. The uploading and saving works, but if I navigate to the edit page again, the

FileUpload

FileUpload

field will be empty. I want to populate the field with the already uploaded image. The image is uploaded to the related model

UserProfile

UserProfile

. How can I achieve this? This is my code for the field:

SpatieMediaLibraryFileUpload::make('profile_picture')
              ->image()
              ->collection('profile_pictures')

SpatieMediaLibraryFileUpload::make('profile_picture')
              ->image()
              ->collection('profile_pictures')