CODEWITHSUNDEEP
javascripthtmlreactjsimagecreate-react-app
frankieseattle
frankieseattle

Reputation: 181

Importing images from public folder in react

OK last hail mary here. I've seen this question a lot but no clear answer. I moved all of my images out of my src folder to my public folder into a sub-folder images. And used the URL like ./images/my-image.png but the image isn't populating. I am using create-react-app. How do I call images from a public folder outside of my src folder.

enter image description here

enter image description here

enter image description here

Upvotes: 0

Views: 9300

Answers (2)

Miha
Miha

Reputation: 11

This is what worked for me:

src:(process.env.PUBLIC_URL+"/images/image-name.jpg")

Upvotes: 1

Mohammad Hooshdar
Mohammad Hooshdar

Reputation: 238

change the src from /public/images to /images

Upvotes: 2

Related Questions