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
Dashboard node similar to node-red-contrib-image-output Dashboard	3	1338	4 April 2021
Image display with template Dashboard dashboard-2	4	421	3 August 2024
Display image using </>template node General	7	4210	23 March 2021
Can't display image on Dashboard? General	15	1759	20 November 2021
Problem Getting Image in Template Node Dashboard	11	6032	31 May 2020

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