FilamentF
Filament•3y ago
rubendn

Viewing image after upload with FileUpload component - insecure resource

I'm using the FileUpload component in a form and it works correctly during Add (over HTTPS). I can see the image after it is selected and it saves fine.

However, when I go to the the Edit page of that record, the FilePond component stays on Waiting for size and Loading.

I have set the correct local APP_URL.

This is the error I see in the console...
Mixed Content: The page at 'https://fcs-new.test/admin/posts/4' was loaded over HTTPS, but requested an insecure resource 'http://fcs-new.test/front/images/blog//HJ8w71aC1PflgCu3ul9HBHdUo2TxbU-metaMjU3ODQ5LmpwZw==-.jpg'. This request has been blocked; the content must be served over HTTPS.


This is the component:
                    Forms\Components\FileUpload::make('thumbnail')
                        ->disk('public')
                        ->directory('front/images/blog'),


How can I fix this so it is requested over HTTPS instead of HTTP.
Solution
Nevermind. The APP_URL had reverted back to http instead of https. After updating, it works correctly.
Jump to solution
Was this page helpful?