Home > Net >  Insert image using html
Insert image using html

Time:11-19

I have an image located in here D:\clone4\java-security-service\src\main\resources\images and I want to add it to my html page, but it doesn't seem to work. I tried many ways like:

<img style="max-width: 170px;" src="./images/piechart.jpg" alt="pie-chart"> 

but I get nothing. My Html file is located inside a java project. I'm open to suggestions.

CodePudding user response:

Use Absolute path, not the Relative one. So give the whole path since both locations of HTML file and image are from different folders. Give src attribute: D:\clone4\...\images But Try using forward slashes instead of backslashes and prepend with file://, So the link would be like

C:/clone4/.../images/piechart.jpg

CodePudding user response:

Open the image in your web browser. Then copy the path and add it to attribute src of img src location looks like this file:///D:/clone4/.../images/piechart.jpg

  • Related