FilamentF
Filament•3y ago
phochs

FileUpload component doesn't show uploaded image

Hi all! I've mostly been lurking here, but I've come across a problem with the FileUpload component I can't figure out. When I select an image with it, it uploads perfectly and places it in the correct folder, but when viewing the resource, it's stuck on loading the image (see screenshot). In the network inspector of my browser, I can see it retrieves the image successfully, but it's stuck on "waiting for size". What am I doing wrong here?

I created an additional driver for storing the image uploads, which is set via ENV-variables. The picture shows up correctly in the ImageColumn of the table builder.

ImageResource.php form()
Forms\Components\FileUpload::make('src')
    ->label(__('fields.images.src'))
    ->helperText(__('fields.images.src.helper'))
    ->required()
    ->disk('media')
    ->maxSize(env('DRIVER_MEDIA_MAX_UPLOAD_BYTES'))
    ->image(),


config/filesystems.php
'media' => [
    'driver' => 'local',
    'root' => env('DRIVER_MEDIA_PATH'),
    'url' => env('DRIVER_MEDIA_URL'),
    'visibility' => 'public',
    'throw' => false,
],


ImageResource.php table()
Tables\Columns\ImageColumn::make('src')
    ->label(__('fields.images.src'))
    ->disk('media')
    ->height(75),
image.png
Was this page helpful?