hello I have an image which is stored as a buffer. I want to display this image in a template node so that I can view it whilst on my nodered dashboard. In the template node I have the following, but I'm not sure how to display the image in the <img tag? img src="UNSURE?" id="c5" width="700" hei…

Perfect, thanks @Steve-Mcl Sample of a simple flow where I take a snapshot from a camera, sends the image data as buffer via MQTT, decodes it to base64, adds some additional required in the change node and then sends it to your ui_template. For testing purpose I added the inject that has the base64…

Steve-Mcl 9 November 2024 09:23 4

For dashboard 2.0, you can checkout the live demos linked from the ui-template

1 Like

Button with my picture

Topic		Replies	Views
Image display with template Dashboard dashboard-2	4	367	3 August 2024
Dashboard node similar to node-red-contrib-image-output Dashboard	3	1326	4 April 2021
Can't display image on Dashboard? General	15	1737	20 November 2021
Displaying images on dashboard 2.0 Dashboard dashboard-2	15	785	17 November 2024
Display image using </>template node General	7	4196	23 March 2021

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Display image in buffer in template node

Related topics