Display Image in Ionic App

Trying to add an image to an html page in an ionic app. in the html page

add the image to app directory scr/assets/img/Test.jpg.

use img scr=“assets/imgs/Test.jpg”

using CLI to build the app. Image is not loading , tried with png image as well. Please advise what could be wrong

i think you made it a spelling mistake in src tag
use <img src=“assets/img/Test.jpg”>

Hi,
What I see from your question is that you add an image to the IMG folder from assets, but you are trying to add an image source inside your HTML file from the IMGS folder from assets.
Maybe this is the issue :slight_smile:

1 Like

Place your Image in “assets/img/yourimage.jpg” in your project and then you can show it like this:

<img src=“../assets/img/yourimage.jpg”>

and if this doesnt work try it like this:

<img src=“assets/img/yourimage.jpg”>

and if that doesnt work too try this:

<img src=“../../assets/img/Test.jpg”>

Notice: it depends in which folder or subfolder your html file is. For every subfolder you have to use one “…/”

2 Likes

i tried this option but it doesn’t working.
Ionic%20App%20-%20Avast%20Secure%20Browser

404 not found error

Thanku Last one Worked