I have a problem with display image in laravel with html

Level 102

Show the code

Level 1

@Sinnbeck Is it enough like that? Or should I show the whole code around that too?

Snapey

Level 122

your url is relative to the current url, so if your url is post/5 then the image will be looked for at post/public/images....

Your src url needs to start with a / to make it relative to the root folder

But something is off with your hosting, public should not appear in any urls

Level 1

If I add / before public like that: <img src="/public/images/1663946644-e.jpg" alt="Problem with loading image"> Then nothing change. If I will delete the public: <img src="/images/1663946644-e.jpg" alt="Problem with loading image"> It will return with message Cannot resolve file '1663946644-e.jpg' But if I let it as it is let cursor on the src, then the image will show up on the screen, so I think the problem shouldn't be in src.

Level 102

@laravel_beginner do you have /public in your other urls?

Level 1

@Sinnbeck Yes I have also storage/app/public

Level 102

@laravel_beginner All of your urls have storage/app/public in them? Or did you misunderstand the question? I am talking about the url in your browser, not the folders on the computer

What url do you visit your site on? (you can anonymize the domain if needed)

Level 1

@Sinnbeck Oh I misunderstand it in the browser I have classic home page with url: http://127.0.0.1:8000/ and the url on which I want to display my image is: http://127.0.0.1:8000/product/7/show The seven is representing wild card named {id}

Level 102

@laravel_beginner ok great. So the image is stored in /storage/app/public/images?

Does this work? http://127.0.0.1:8000/storage/images/1663946644-e.jpg

Level 1

@Sinnbeck No sorry I misunderstand your question, you asked if I have some other public so I looked and in direction /storage/app/public found another folder named public, but the images are stored in normal public public/images

http://127.0.0.1:8000/images/1663946644-e.jpg

Best Answer

Level 102

@laravel_beginner then the url should be

<img  src="/images/1663946644-e.jpg" alt="Problem with loading image">

1 like

Level 1

@Sinnbeck Yes you are right it works, but I don't get it is highlighted and writes Cannot resolve directory 'images'. That's also why I didn't tried it on the website, when I saw this in phpstorm

Level 102

@laravel_beginner you need to right click the public folder and mark it as resources root in phpstorm

1 like

zoidq

Level 7

If your development web address is, for example: http://localhost:8000/

Can you access: http://localhost:8000/public/images/1663946644-e.jpg ? (replace localhost:8000 with your address).

If not, the file most likely does not exist on the filesystem at that address.

If so, maybe you need to add a forward slash / before your img address so it looks like:

<img  src="/public/images/1663946644-e.jpg" alt="Problem with loading image">

Notice the / before public.