Show preview of uploaded image in another part of the view | Filament | Page 1

dawn dew Nov 4, 2025, 12:05 PM

#

I have a FileUpload component that is ->live()
After an image is uploaded, I want to display a preview of the file immediately on another part of the view (not in Filepond).

When I dump the data of the form after it's updated, the image field contains a value like:

"image" => [
  "5e68edde-f130-4b13-b9e8-279841cefbd8" => Livewire\Features\SupportFileUploads\TemporaryUploadedFile
]

How to render a preview of that image?

finite sonnet Nov 4, 2025, 12:10 PM

#

What is the field you are using It'll likely be in temporary storage already.

dawn dew Nov 4, 2025, 12:24 PM

#

FileUpload

#

I figured it out: $value->temporaryUrl()
Thanks anyway!

#Show preview of uploaded image in another part of the view