Question:

Why Laravel jetstream is not loading profile photo?

Summary

In case you are having a problem with Laravel Jetstream like it is not loading the profile photo, there might be several problems that you must be facing. The following are the troubleshooting options you can opt for.

Gravatar Configuration

Gravatar serves as the default source for profile photos in Laravel Jetstream. Make sure there is a Gravatar image attached to the user's email address linked to their profile. If the user lacks a Gravatar, Jetstream will utilize the standard profile picture.

Public Disk Symbolic Link

Laravel stores user profile photos in the public/profile-photos directory by default. Verify that you have created a symbolic link to the storage directory by running the following command.

File Permission

Verify that the file permissions in the storage and public directories are correct. To set the appropriate permissions, use the following commands.

Check the Blade Template

Make sure you are using the correct syntax in the Blade template where you are displaying the profile photo. As an illustration.

Customize the Profile Picture

If you have altered the logic for the profile photo, make sure everything is implemented correctly. If necessary, you can modify the JetstreamServiceProvider to use an alternative photo provider.

Clear Cache

To empty the configuration and Laravel caches, run the following commands.

Browser Cache

Clear your browser cache and try loading the page again. Sometimes, the browser may cache the old version of the page, causing issues.

By going through these steps, you should be able to identify and resolve the issue with Laravel Jetstream not loading the profile photo.

Solution

If you have used the following code in vendor/laravel/jetstream/src/HasProfilePhoto.php in the profilePhotoUrl function.

? Storage::disk($this->profilePhotoDisk())->url($this->profile_photo_path)

Change it to the code:

? Storage::disk(config('profile_photos_disk'))->url($this->profile_photo_path)

According to what I understand, $this->profilePhotoDisc() returns an incorrect result; however, if I simply replace it with "local," it functions. I'm not quite sure why, but in the end, it does.

>Make new Model/Controller/Migration in Laravel

>Laravel: Adding new column/columns to the existing table in a migration

>How to show encrypted user id in URL in Laravel?

>Run Laravel Project to Active Local Server

>How to upload images with filepond and vue 3?