Embedded image in HTML

I’m done with my HTML training . Everything is fine with the creation of a page but I’m not able to view a embedded image !
I’ve kept the pic in the same folder of a file and the path is also correct yet I’m not able to view a image ! Look out for a screenshot what I’m getting after browsing ! Help me with this please

Code :

 <!DOCTYPE html> 
<html> 
<head> 
<title>Bolt IoT Platform</title> 
</head> 
<body bgcolor="#ff5df019"> 
<img src="/storage/9016-4EF8/Maddy web page/5_6109156134596116652.png" width="200" height="300"> 
<p>Bolt IoT Platform gives you the capability to control your devices and collect data from your IoT devices safely and securely no matter where you are. Get actionable insights by deploying machine learning algorithms with just a few clicks to detect anomalies as well as predict sensor value 
</p> 
</body> 
</html>

I couldn’t see the screenshot you’ve added, but here are a few things to double check.

  1. the image and html code file should be in the same folder
  2. check your syntax and spellings
  3. if you’ve saved the image as img.jpg then the code line to add image will be:

    hopefully this will solve your problem!

Hi @madhuap75,

If your HTML code and the image file is in the same folder then you don’t have to give the full path of the image. Only the name of the image is enough.

For example:

<img src="5_6109156134596116652.png" width="200" height="300"> 

Do let me know in case you need further assistance.

I’ve done that too by placing only name of the image but again I’m finding the same thing !

I’ve not seen your code line if it is saved as .jpg !
Can u mention the code line !

@madhuap75
If you have taken image from internet instead of writing whole path you can directly write URL of image.
eg src=“url”
That worked for me.

Even I done that thing but again I’m having same issue it has not been solved ! Help me with it

Make sure the html and image files are in the same directory.

Check if the image name and extension is correct.

If this is a product on bolt cloud, and u are monitoring it from another device, u should upload the image file in assets tab of the bolt cloud

Since the image is not getting displayed, this must only mean that the system could not find the image in the given path. Check the path once.
It will be helpful if you could send a screenshot of the directory where the image and your html file are present. Please check if you have given the correct extension for the image file.

Put the image in the same folder as the html file , it will work
, and put the img src = " only the image name which is - 5_6…png

Check the image location properly
Try replacing ‘/‘with’//’ in the src
hope it works

First…make sure that image with extention and html file should be in same folder
and next…instead of using URL can download image and save the image where html file located
and incase program didn’t compile use different browser and syntax should be perfect

Hello madhuap75,
I am not able to see the screenshot you attached, but still, I think you should try to embed an image directly from the web.
Let me suggest you the picture I chose:
data:image/png;base64,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.
Try to copy this link and embed the same in your HTML code, and do update your results.
Thank you!

I think there is problem in url provided in src use this url in below code.

<!DOCTYPE html> 
<html> 
<head> 
<title>Bolt IoT Platform</title> 
</head> 
<body bgcolor="#ff5df019"> 
<img src="pic_trulli.jpg" alt="Trulli" width="500" height="333">
<p>Bolt IoT </p> 
</body> 
</html>

Hi
If you have the image in same folder
Than dont provide full image folder path
Just provide image name and type of image
Example:
<img src="5_6109156134596116652.png">

If you wanted to see your picture in other mobile
Better you can add your picture to google drive and embed it
Google drive will provide you a complete tag like this
<iframe src="5_6109156134596116652.png"></iframe>