Cannot get image from public folder on Server in Laravel

Question

I'm saving my uploaded image in public folder like

public/user/user_img_1.jpg

and saving

/user/user_img_1.jpg

in my database column as image path. Now when i get it <img src="{{ $userData->thumb_img }}" alt="Profile Image" /> , the image shows on localhost but on server the image is not found. $userData variables stores the path.

See what's url it resolves to on both machines. Also please specify correct laravel version in tags, not all available. — Marcin Orlowski
– Marcin Orlowski, Commented Jun 6, 2020 at 16:21
/user/user_img_1.jpg this is what i'm getting in the image tag. — user3653474
– user3653474, Commented Jun 6, 2020 at 16:24

Alka Singla · Accepted Answer · 2020-06-06 16:30:45Z

1

We need to give permissions in Laravel for uploading and fetching the images.

Suppose you have saved the image in the public folder under the user folder. Directory Path: public/user/

And save the image in Database like below: key: thumb_img value: "public/user/imagename.jpg"

You need to use the asset function for fetching the image.

edited Jun 6, 2020 at 16:30

answered Jun 6, 2020 at 16:28

Alka Singla

3893 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Niklesh Raut Over a year ago

I don't think so

Alka Singla Over a year ago

<img src="{{ asset($userData->thumb_img) }}"/>

HoratioNullbuilt · Accepted Answer · 2020-06-06 16:37:43Z

1

Use asset function to generate a URL for an asset using the current scheme of the request.

In your case that would be: <img src="{{ asset($userData->thumb_img) }} alt="Profile Image" />

edited Jun 6, 2020 at 16:37

answered Jun 6, 2020 at 16:26

HoratioNullbuilt

2551 silver badge7 bronze badges

Comments

STA · Accepted Answer · 2020-06-06 16:42:02Z

0

You have to do any one step :

Put all your files (img) into the public folder.

<img src="/user/{{ $userData->thum_img }}" alt="Profile Image" />

Or, Use asset helper :

<img src="/user/{{ asset($userData->thum_img) }}" alt="Profile Image" />

where user_img_1.jpg is path of your content.

edited Jun 6, 2020 at 16:42

answered Jun 6, 2020 at 16:30

STA

35.3k9 gold badges49 silver badges62 bronze badges

2 Comments

user3653474 Over a year ago

I have tried this {{ asset($userData->thumb_img) }} but it only displays text

Niklesh Raut Over a year ago

@user3653474 , I think you had image name as user_img_1.jpg and not /user/user_img_1.jpg ?

Collectives™ on Stack Overflow

Cannot get image from public folder on Server in Laravel

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related