Filament•10mo 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•10mo ago

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

awcodes•10mo ago

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

Lionking-Dev•10mo ago

I run php artisan storage

awcodes•10mo ago

What errors are you seeing in the browser console?

Lionking-Dev•10mo ago

I have never seen any errors

awcodes•10mo ago

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

Lionking-Dev•10mo ago

yeah I understood

awcodes•10mo 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•10mo ago

do you ask my help or give me your help?

awcodes•10mo ago

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

Lionking-Dev•10mo 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

Toufloux•10mo 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'

Toufloux•10mo ago

up ?

DrByte•10mo ago

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

Toufloux•10mo ago

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

DrByte•10mo 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