Filament•16mo ago

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.

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'),

                    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

1 Reply

Solution

rubendn•16mo ago

Nevermind. The APP_URL had reverted back to http instead of https. After updating, it works correctly.

Gaming

Programming

Viewing image after upload with FileUpload component - insecure resource