Filament•14mo ago

.avif images not showing in the 'form' part, but good on the website and the 'table' part

Hi I have a FileInput form, of type Image, when I upload an .avif img, it show up, but when I save, the admin don't show the image anymore.. Is there something to activate ?

                Forms\Components\FileUpload::make('image_path')
                    ->directory('images/institute/slider')
                    ->required()
                    ->label('Image')
                    ->helperText(new HtmlString('L\'image à ajouter au carrousel de l\'accueil. <strong>Meilleur taille: 3840x500px</strong>'))
                    ->hint(new HtmlString('<a href="https://squoosh.app/" target="_blank" title="Squoosh">Compresse l\'image sur Squoosh (format .avif)</a>'))
                    ->hintIcon('heroicon-m-photo')
                    ->hintColor('primary')
                    ->image(),

                Forms\Components\FileUpload::make('image_path')
                    ->directory('images/institute/slider')
                    ->required()
                    ->label('Image')
                    ->helperText(new HtmlString('L\'image à ajouter au carrousel de l\'accueil. <strong>Meilleur taille: 3840x500px</strong>'))
                    ->hint(new HtmlString('<a href="https://squoosh.app/" target="_blank" title="Squoosh">Compresse l\'image sur Squoosh (format .avif)</a>'))
                    ->hintIcon('heroicon-m-photo')
                    ->hintColor('primary')
                    ->image(),

18 Replies

Lionking-Dev•14mo ago

hello @Toufloux I don't understood about your project. could you plz explain about it in detail?

awcodes•14mo ago

Did you run php artisan storage:link Or are you using something like s3?

Lionking-Dev•14mo ago

I run php artisan storage

awcodes•14mo ago

What errors are you seeing in the browser console?

Lionking-Dev•14mo ago

I have never seen any errors

awcodes•14mo ago

If the image isn’t loading there’s an error somewhere. 🙂

Lionking-Dev•14mo ago

yeah I understood

awcodes•14mo ago

Check your logs. Maybe the errors there. Also make sure your APP_URL is correct in your .env. There’s also plenty of help threads about this same thing. Maybe try a search on here to see if any of those can help.

Lionking-Dev•14mo ago

do you ask my help or give me your help?

awcodes•14mo ago

I’m not the op. I’m offering solutions.

Lionking-Dev•14mo ago

yeah but I don't need your help now? but I think I will need later or I can help you 😀 however thank you for your effort see you tomorrow thanks good

Charly / TouflouxOP•14mo ago

Oh, what happened in here XD @awcodes hi, so to answer, I don't have any errors in console, no log aswell.. The .avif images are showing good in the global site and on the 'table' part of Filament, it's only not show in the 'form'

Charly / TouflouxOP•14mo ago

up ?

DrByte•14mo ago

Is it something within FilePond, since it's handling the upload UI?

Charly / TouflouxOP•14mo ago

I don't know, How can I check that ? There's maybe some config to do somewhere ?

DrByte•14mo ago

Not sure. Maybe look in page-source and see how it's rendering things. Check what it's trying to display, if anything, like what filename or what mime type. Or console for errors it may be encountering.

Gaming

Programming

.avif images not showing in the 'form' part, but good on the website and the 'table' part