Filament•13mo ago

How to display images in edit section of the row?

I have a path of the photos (which are on the AWS) in my database and i wanted to do something like this to display photos in form builder

Forms\Components\FileUpload::make('photo_path')
  ->multiple()
  ->columnSpan('full')
  ->url('photo_path'),

Forms\Components\FileUpload::make('photo_path')
  ->multiple()
  ->columnSpan('full')
  ->url('photo_path'),

11 Replies

FirebirdOP•13mo ago

Bump

Dennis Koch•13mo ago

If they are on AWS (S3?) that’s probably not the default disk and you have to specify a disk? If you just want to show them without editing I’d probably go for a View Field

FirebirdOP•13mo ago

i specified the disk but still no results

FileUpload::make('photo_path')
    ->disk('s3')
    ->directory('images')
    ->multiple(),

FileUpload::make('photo_path')
    ->disk('s3')
    ->directory('images')
    ->multiple(),

Dennis Koch•13mo ago

Any console errors? Did you setup CORS? Is the path correct?

FirebirdOP•13mo ago

no console errors, also the image is public, anyone can access it as long as they have the link, path is correct bcs i display the image in table builder

Dennis Koch•13mo ago

So it's a full url instead of a path?

FirebirdOP•13mo ago

like that

ImageColumn::make('photo_path')
    ->label('Image')
    ->url('photo_path'),

ImageColumn::make('photo_path')
    ->label('Image')
    ->url('photo_path'),

yes

Dennis Koch•13mo ago

That's not how it works. You can't pass a full url it needs to be the path. I still recommend using a View Field instead if you don't have to upload new files

FirebirdOP•13mo ago

i even tried to instead of giving it full url, just to give the photo name

Dennis Koch•13mo ago

Full path + the correct disk should be the way. And CORS need to be configured right on S3

FirebirdOP•13mo ago

you are correct, i just inserted just path of the photo like that images/teste-image.jpg and it reacted to it, now it gives a console errors and yes you are right, it is CORS error and now i guess thats on me thank you ❤️

Gaming

Programming

How to display images in edit section of the row?