<![CDATA[Hosting a simple HTML with M5* device img src problem]]>Hello!
As part of my huge "Get rid of arduino!" campaign, I'm trying to implent some projects with M5Stack using raw micropython.
I'm trying to use M5Stack (grey one) as webserver hosting a simple HTML page with couple of input fields and button to acquire data from user.
I did a real simple HTML page but it has a small image - logotype (jpg) which I would like to see in browser. I'm not dealing with M5Stack's TFT at the moment.
Problem is, no matter how hard I'm trying, I can't dispay image.
I'm using VS Code to upload image inside res folder and then perform <img src="res/logo.jpg></img> but nothing happens.
If I perform same on PC (windows) everything works as intended.
Complete html code is sent as string and put between ' ' ' and ' ' '

I tried to upload image to other places, like root of fs or other folders - still no effect.

Maybe someone faced common issue?
Thanks

]]>https://community.m5stack.com/topic/1601/hosting-a-simple-html-with-m5-device-img-src-problemRSS for NodeTue, 28 Apr 2026 22:00:51 GMTSat, 11 Jan 2020 18:23:08 GMT60<![CDATA[Reply to Hosting a simple HTML with M5* device img src problem on Sun, 12 Jan 2020 18:27:52 GMT]]>@robalstona Thanks, I did a try and it worked! However, line of code I got went through my wall ^^
Thanks

]]>https://community.m5stack.com/post/7009https://community.m5stack.com/post/7009Sun, 12 Jan 2020 18:27:52 GMT<![CDATA[Reply to Hosting a simple HTML with M5* device img src problem on Sun, 12 Jan 2020 08:38:02 GMT]]>@thrasher said in Hosting a simple HTML with M5* device img src problem:

Do you know which method is this and how do I call those images after?

Sorry for the time delay, I have written a guide on how to same images in my WIP book that you can read here http://ajbryant.co.uk/UIFLOW/quickblockref.pdf

@thrasher said in Hosting a simple HTML with M5* device img src problem:

@robalstona thanks, I will try with base64..
However, my html is sent as string and works as intended. As far as I understood, browser simply cant get access to my image on m5device. Thought there's a way to forward route for it. Thanks

It is a limitation of micropython, I found the issue on the mainstream micropython as well.

]]>https://community.m5stack.com/post/7001https://community.m5stack.com/post/7001Sun, 12 Jan 2020 08:38:02 GMT<![CDATA[Reply to Hosting a simple HTML with M5* device img src problem on Sun, 12 Jan 2020 00:07:38 GMT]]>@robalstona thanks, I will try with base64..
However, my html is sent as string and works as intended. As far as I understood, browser simply cant get access to my image on m5device. Thought there's a way to forward route for it. Thanks

]]>https://community.m5stack.com/post/6993https://community.m5stack.com/post/6993Sun, 12 Jan 2020 00:07:38 GMT<![CDATA[Reply to Hosting a simple HTML with M5* device img src problem on Sat, 11 Jan 2020 23:24:54 GMT]]>@thrasher as you say you did simple web server. If you want implement send images you must handle image receive
request. Analogically to send your web page from string or text file you must send raw binary data from file. If image is small you could be try convert it to text in BASE64 format and insert it into <img src="data:image/jpg..........">

online converter
https://www.base64-image.de/encode

]]>https://community.m5stack.com/post/6992https://community.m5stack.com/post/6992Sat, 11 Jan 2020 23:24:54 GMT<![CDATA[Reply to Hosting a simple HTML with M5* device img src problem on Sat, 11 Jan 2020 20:31:49 GMT]]>Do you know which method is this and how do I call those images after?

]]>https://community.m5stack.com/post/6989https://community.m5stack.com/post/6989Sat, 11 Jan 2020 20:31:49 GMT<![CDATA[Reply to Hosting a simple HTML with M5* device img src problem on Sat, 11 Jan 2020 18:46:42 GMT]]>@thrasher Images still need to be saved in a specific method. I think it's to do with how micropython handles images.

]]>https://community.m5stack.com/post/6988https://community.m5stack.com/post/6988Sat, 11 Jan 2020 18:46:42 GMT