Laravel Image not showing on production

The symlink has already been created from public/storage to storage/app/public

lrwxrwxrwx 1 u398449571 o53367030 78 May 26 06:23 storage -> /path/to/thehawkermarketplace.com/thehawker/storage/app/public

'public' => [
            'driver' => 'local',
            'root' => storage_path('app/public'),
            'url' => env('APP_URL').'/storage',
            'visibility' => 'public',
        ],

'links' => [
    public_path('storage') => storage_path('app/public'),
],

I have tried many ways to display the image but still not showing.

I have tried this but not working, the uploaded images still goes to 404.

https://i.imgur.com/VqXOYBK.jpg

@monicaa something wrong with your urls. for example, they have in url /storage/app/public/products/..., while it should be just /storage/products (app/public added in symlink). can you try one of the urls without /app/public in browser to check if it works?

If it is: remove /app/public from image urls

I removed the /app/public already but goes to 404..

@monicaa can you provide 2 strings for 1 of your files:

1. Url which requested in the browser for this file
2. Full real path with the name of the real file

Do you mean this?

Request URL:

https://thehawkermarketplace.com/storage/products/May2021/J4rKot7MIIbVxu9hNXeC.jpg 

This is my website but all the uploaded images from public storage won't display

https://www.thehawkermarketplace.com

Btw I am using Laravel Voyager for my admin panel.

@monicaa ok, find this file in your filesystem and show real path of this file to us

1. public/storage https://i.imgur.com/2VsLwt9.png This directly goes to storage/app/public.

2. storage/app/public https://i.imgur.com/xSs9qVr.png

3. I do set the file permission as well for /storage/ and /bootsrap/cache using

chmod -R o+w storage
chmod -R o+w bootstrap/cache

@unknownUser17

First off right click on the image space on your site and see what the exact URL is that the script is looking at and then check to see what the actual URL is that it should be looking at, then correct it as seen below.

1. You must show the exact URL in your config filesystem.php file for example:- 'public' => [ 'driver' => 'local', 'root' => storage_path('app/public'), 'url' => env('APP_URL').'/storage', 'visibility' => 'users', 'throw' => false, ],

2. You also must show the exact URL in your .env file for example:- APP_URL=http://localhost/ybiz/public

$data->image refers to my product's image, the image path is correct and it is stored and can be shown in the storage/app/public

My routes name is all with period like product.index.

I didn't mean the route name. sorry if I didn't explain clearly. I mean since your route starts with storage/image_path and there is a folder in the server named "storage", sometimes it causes this kindof issues. if your URL was something like /exmaple_url/image_path I think the issue might get resolved.

@amirkamizi I just changed my config/filesystems.php into

'public' => [
            'driver' => 'local',
            'root' => storage_path('app/public'),
            'url' => env('APP_URL').'/uploads',
            'visibility' => 'public',
        ],

and

'links' => [
        public_path('uploads') => storage_path('app/public'),
    ],

and rename my public/storage into public/uploads, but still not working.

In my blade file,

{{ asset('uploads/'.$data->image) }}

Anything I wrong here or I lost somewhere?

have you solved it yet?

if not then I found the files for one of my old projects. this is how I did it and it was working:

in the routes:

Route::get('/images/{id}', 'ImageController@show')->name('image_show');

in the controller

public function show(Request $request,$id){
$photo = \App\Image::where('id',$id)
                            ->first();
 return response()->file(storage_path('app/images/'.$photo->file_name));
}

file system in config

'public' => [
            'driver' => 'local',
            'root' => storage_path('app/public'),
            'url' => env('APP_URL').'/storage',
            'visibility' => 'public',
        ],

in the storage folder inside app I have 2 folders

• public
• images

@sr57 Did you means this file?

https://i.imgur.com/dc7eyPV.png

Still failed to display the image...

https://i.imgur.com/RPuZOKn.png

Image path correct as well.

By the way, how to set the www-data permission to see the file? i run chown -R www-data:www-data storage and

chown: invalid user: 'www-data:www-data'

Is it I need to create a user for www-data first before setting the permission?

I checked already, there is no duplicate /storage in my web.php.

Yes, I removed that route already and did clear the route cache as well, but the image URL still returns 404.... Is it possible something wrong with my .htaccess?

<IfModule mod_rewrite.c>
    <IfModule mod_negotiation.c>
        Options -MultiViews -Indexes
    </IfModule>

    RewriteEngine On
    php_flag log_errors on

    # Handle Authorization Header
    RewriteCond %{HTTP:Authorization} .
    RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]

    # Redirect Trailing Slashes If Not A Folder...
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_URI} (.+)/$
    RewriteRule ^ %1 [L,R=301]

    # Send Requests To Front Controller...
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^ index.php [L]
</IfModule>

Is a Laravel 404

Screenshot: https://i.imgur.com/qa0zr1u.png

It actually is https://i.imgur.com/G4T8sRN.png

APP_URL is only used for CLI functions

@drfcozapata using this command line magic you can also do other wonderful things like composer install and php artisan config:cache etc etc.

Without SSH access to the command line you are just playing

Thanks @drfcozapata This was a very useful reminder to me during a move to production.