Filament•2y 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•2y ago

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

awcodes•2y ago

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

Lionking-Dev•2y ago

I run php artisan storage

awcodes•2y ago

What errors are you seeing in the browser console?

Lionking-Dev•2y ago

I have never seen any errors

awcodes•2y ago

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

Lionking-Dev•2y ago

yeah I understood

awcodes•2y 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•2y ago

do you ask my help or give me your help?

awcodes•2y ago

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

Lionking-Dev•2y 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•2y 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•2y ago

up ?

DrByte•2y ago

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

Charly / TouflouxOP•2y ago

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

DrByte•2y 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

Did you find this page helpful?