<![CDATA[Core S3 SE images won't show]]>I'm trying to build a really simple program to test the device. Unfortunately it's failing to even show a simple JPG or PNG image. What am I missing here?

def setup():
  global image0, circle0, label0

  M5.begin()
  Widgets.fillScreen(0x222222)
  image0 = Widgets.Image("res/img/mushroom.jpg", 85, 52, scale_x=1, scale_y=1)
  circle0 = Widgets.Circle(45, 44, 15, 0x636eec, 0xdaf239)
  label0 = Widgets.Label("mushroom", 115, 206, 1.0, 0xffffff, 0x222222, Widgets.FONTS.DejaVu18)

  image0.setImage("res/img/mushroom.png")
  image0.setVisible(True)
]]>https://community.m5stack.com/topic/6831/core-s3-se-images-won-t-showRSS for NodeWed, 29 Apr 2026 00:41:11 GMTThu, 26 Sep 2024 01:57:33 GMT60<![CDATA[Reply to Core S3 SE images won't show on Mon, 30 Sep 2024 01:25:26 GMT]]>https://uiflow-micropython.readthedocs.io/en/latest/quick-reference/usb-mode.html

]]>https://community.m5stack.com/post/26545https://community.m5stack.com/post/26545Mon, 30 Sep 2024 01:25:26 GMT<![CDATA[Reply to Core S3 SE images won't show on Sat, 28 Sep 2024 14:32:40 GMT]]>@greenleaf Final update, it appears that if you upload the images both to the project and onto the device directly, that you can use the UIflow way to place them and resize them, etc.

I did find some weirdness with older versions of images being cached on the UI, but correct on the device.

]]>https://community.m5stack.com/post/26532https://community.m5stack.com/post/26532Sat, 28 Sep 2024 14:32:40 GMT<![CDATA[Reply to Core S3 SE images won't show on Thu, 26 Sep 2024 14:48:32 GMT]]>@greenleaf

Ok, I found a workaround. Here it is in case anyone else runs into this:

  1. Use the WebTerminal File button to upload your images into /flash/res/img
  2. Edit the paths to any of your images in code to /flash/res/img/yourfile.jpg

e2a73da5-09fa-405b-827f-b70eae4bda3b-image.png

0f5b8f0c-0327-4f02-90bb-65a233fd528b-image.png

]]>https://community.m5stack.com/post/26518https://community.m5stack.com/post/26518Thu, 26 Sep 2024 14:48:32 GMT<![CDATA[Reply to Core S3 SE images won't show on Thu, 26 Sep 2024 14:36:53 GMT]]>@felmue

Ok I took a closer look - the files don't even make it onto the device at all.

Is this perhaps an unfinished feature? I would expect that when I upload files into a "project" that they end up on the device somewhere. I don't see a way in the UI to move files from the project to the device, so I have to upload them all again.

Is this by design? Or did I run into a missing feature or bug...projectfiles.png devicefiles.png

]]>https://community.m5stack.com/post/26517https://community.m5stack.com/post/26517Thu, 26 Sep 2024 14:36:53 GMT<![CDATA[Reply to Core S3 SE images won't show on Thu, 26 Sep 2024 13:21:21 GMT]]>Hello @greenleaf

I would agree, by default images (actually any files for that matter) are uploaded into the root folder whereas the image is expected to be in res/img which only becomes obvious when looking at the Micropython source code.

Thanks
Felix

]]>https://community.m5stack.com/post/26516https://community.m5stack.com/post/26516Thu, 26 Sep 2024 13:21:21 GMT<![CDATA[Reply to Core S3 SE images won't show on Thu, 26 Sep 2024 11:23:51 GMT]]>@felmue ok, then UIFlow 2 has a bug in it, it seems. I used the UI to upload and select the image. If it's being put in the wrong folder that is confusing for users.

]]>https://community.m5stack.com/post/26515https://community.m5stack.com/post/26515Thu, 26 Sep 2024 11:23:51 GMT<![CDATA[Reply to Core S3 SE images won't show on Thu, 26 Sep 2024 09:00:45 GMT]]>Hello @greenleaf

in order for the image to show on the actual device it needs to be manually downloaded to the device into the correct path, e.g. res/img.

UIFlowPNGDownload_20240926.png

Thanks
Felix

]]>https://community.m5stack.com/post/26512https://community.m5stack.com/post/26512Thu, 26 Sep 2024 09:00:45 GMT<![CDATA[Reply to Core S3 SE images won't show on Thu, 26 Sep 2024 09:00:01 GMT]]>@greenleaf I have the exact same problem on the m5dial (https://community.m5stack.com/topic/6829/can-t-get-m5dial-to-display-an-image-loaded-via-uiflow2). I hope someone is going to reply soon, because I think either the documentation is not mentionning an important aspect for producing valid png or jpg, or something is odd. But at the same time, I could not even find a working project online that would actual render an image on my m5dial...

]]>https://community.m5stack.com/post/26511https://community.m5stack.com/post/26511Thu, 26 Sep 2024 09:00:01 GMT<![CDATA[Reply to Core S3 SE images won't show on Thu, 26 Sep 2024 02:00:21 GMT]]>@greenleaf Here's a screenshot. I've tried both a small PNG image and a small JPG image. Neither one ever shows up on the screen.

(screenshot.png image url)

]]>https://community.m5stack.com/post/26507https://community.m5stack.com/post/26507Thu, 26 Sep 2024 02:00:21 GMT