4. Load images on M5Paper in UIFlow

Load images on M5Paper in UIFlow


  • Hi,

    I'm trying to load images in a M5Paper unit using uiflow with no success. I've tried several formats (png, bmp, jpg) and different options when saving, but I always get the same result...

    I'm uploading the image in the device file manager, and then after adding the image at the position where I want it, I add the following blocks:

    • Set screen background color
    • Set image0 to image.bmp (to the right name of the image file)
    • Show image0
    • Set screen show

    But When running the program, I get an exclamation mark at the top of the screen.

    Am I doing anything wrong? Is this feature actually working?

    0

  • Hello @fr3nd

    have you tried to display the default.jpg? Does that work?

    Using UIFlow 1.8.7 (https://flow.m5stack.com) these are the steps which worked for me:

    • drag image icon onto screen (e.g. image0)
    • block set image0 image default.jpg
    • block set screen show

    Thanks
    Felix

    0 1 Reply

  • Hi @felmue

    This works with the default image default.png, but once I upload a different one it shows the exclamation mark symbol.

    I've tried with different formats and options when saving, but I haven't found a combination that works. Is there any documentation on the requirements of the images? Has anyone had any success using custom images in m5paper in uiflow?

    Thanks

    0

  • Hello @fr3nd

    sorry, I don't know of any documentation on the requirements of the images.

    Thanks
    Felix

    0

  • For the record, I was finally able to generate images that load properly with the following ImageMagick command:
    convert image.png -colorspace RGB -depth 8 -colors 16 PNG8:exported/image.png

    1 1 Reply

  • @fr3nd I was just about to say that it is an issue with the way the image is saved.
    I started making a document here :https://github.com/Ajb2k3/UIFlowHandbook/blob/master/En-Coreink-V2.pdf

    0
  • D

    This is a bit late, but today I was trying to display images in M5Stack Fire module, and had the same problem. After a bit of trial and error, I discovered that if the PNG file names are long, this error will trigger. And it is not easy to guess that the long file name caused it!

    0

  • This is a limit of the filesystem formatting.

    0