Image not displaying in view. Laravel

Question

In my Laravel project I'm trying to load an image into my view using blade but it displays as a broken link. I inspect it with firebug and the src is pointing to the image but nothing is displaying.

My image is located in my project's public/images/users/3/profilePictures/

Here is my <img> in the view.blade.php

<img class="com-profile-picture" src="images/users/{{ $follower->id }}/profilePictures/50thumb-{{ $follower->profilePicture->url }}" alt="{{ $follower->first_name }}&nbsp;{{ $follower->last_name }} Profile" width="50" height="50">

However I get this when I load the page:

enter image description here

When I inspect the image with firebug I see this:

enter image description here

That is the correct src and the image does exist in my public/images/users/3/profilePictures/ directory

Anyone know why this is happening?

`src` of `firebug html` & `code` different, `html` says, `../users/3..`, but u say correct `src` is `../users/2..` — Kalhan.Toress, Jan 18 '15 at 05:57
ah, miss type on my question, I'm still experiencing the same problem. — xslibx, Jan 18 '15 at 06:43

Mohebifar · Accepted Answer · 2015-01-18T07:50:32.597

16

This may be caused you are in a route which does not represent the base URL. You should generate the URL for your assets relative to the public/ folder. Use URL::asset('path/to/asset') to generate the URL.

{{ URL::asset("images/users/{$follower->id}/profilePictures/50thumb-{$follower->profilePicture->url}") }}

Or as @lukasgeiter mentioned you can simply use asset('path/to/asset') helper.

edited Jan 18 '15 at 07:50

answered Jan 18 '15 at 07:42

Mohebifar

3,341
1
24
32

Thank you very much @Mohebifar and lukasgeiter – xslibx Jan 18 '15 at 08:14
This is just save my life :D – Putri Dewi Purnamasari Jun 10 '16 at 06:58

Thilina Dharmasena · Answer 2 · 2019-12-08T07:10:16.113

16

You can try with the

php artisan storage:link

else you can use this

A simple fix for the issue (linked broken error) in .env file

APP_URL=http://localhost

this replace with the

APP_URL=http://localhost:8000

then the issue will be fixed.

edited Dec 08 '19 at 07:10

answered Sep 17 '19 at 20:55

Thilina Dharmasena

2,243
2
19
27

Sometimes when you run more than one project and http://localhost:8000 is already in use, remember that if you use http://localhost:8001 your images might not be visible. You will have to change APP_URL=http://localhost:8000 to APP_URL=http://localhost:8001 – Strabek Jan 26 '23 at 09:52

score 1 · Answer 3 · answered Jun 18 '21 at 09:05

1

delete already generated symlink and then run this command

php artisan storage:link

answered Jun 18 '21 at 09:05

Ali Akbar Afridi

676
7
7

score 0 · Answer 4 · answered Feb 15 '22 at 12:43

0

if you are using laravel, consider excluding public folder or any folder where your public files are store in .htacccess from folders that laravel control.

Do it like this in .htaccess

# Exclude directory from rewriting RewriteRule ^(public/) - [L]

answered Feb 15 '22 at 12:43

MUHINDO

788
6
10

score 0 · Answer 5 · answered Jul 27 '22 at 15:57

Storage location before (Not Working) :

<img src="{{asset('storage/app/public/media/productImages/'.$list->image)}}" alt="" srcset="">

Working storage location :

<img src="{{asset('storage/media/productImages/'.$list->image)}}" alt="" srcset="">

Else try :

Deleting all the linked/shortcut folders created in public folder
Then recreating the link by running :

php artisan storage:link

score -1 · Answer 6 · answered Mar 11 '23 at 10:26

-1

Goto public Folder

Delete the storage shortcut Then create Another shortcut for storage Folder Create Shortcut Storage Folder Then run php artisan storage:link

answered Mar 11 '23 at 10:26

ahmadintech

1
1

Image not displaying in view. Laravel

6 Answers6

Linked