How to access image file in assets folder? [angular 7]

Question

I created an angular app with 'ng new my-app', folder structure is like so:

my-app
  |- e2e
  |- node_modules
  |- src
     |- assets
         |- images
             |- smile.jpg

How can I reach my image through the client with http://localhost:4200/images/smile.jpg?

Sachin Shah · Accepted Answer · 2019-01-16 19:38:19Z

4

Try this way

If you want to open image from browser url then use this

http://localhost:4200/assets/images/smile.jpg

answered Jan 16, 2019 at 19:24

Sachin Shah

4,5634 gold badges26 silver badges55 bronze badges

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

2 Comments

Make sure image name must be right other wise it will redirect to localhost:4200.