I have problem about viewing image from esp32 cam on nodered

Hi ....i use esp32-cam with nodered and mqtt
i use node-red version: v3.1.0
node.js version v20.9.0
My problem is that the image is not displayed on Nodered even though it is received and sent on Mosquitto "image not found"
I think the problem here is where a line appears under the last part from src
<img width="100%" height="100%" alt="Image not found" src="data:image/png;base64,{{msg.payload}}" />
or the problem in the image display path
I don't know if msg.payload contains the correct Base64-encoded image data when the flow is executed.I think the base64 node is not working properly.but I don't know how I can make it work correctly
......Or in the command windows there is problem in connect with esp32 and mqtt

Where is this written? In what kind of node?

Looking at it, it should be a regular template not a ui-template since that's NOT how you transmit values.

Search the forum for "MQTT image dashboard" for a working solution's

1 Like

Quick Search: Show image from mqtt subscription - #2 by Steve-Mcl

This written in template after base 64
i do like this vedio