Is there a simple way to get a file path (anywhere on the device that hosts the node red install) and display that image on the dashboard? I gotten it to work via this method but I was wondering if there was a more simple way to do it, espically since I want to eventually display an rtsp feed on the…

Have you tried the live demos on the docs site?

There was also a similar request just discussed that could be of interest. The example flow expects the image data as buffer [image] Display image in buffer in template node General hello I have an image which is stored as a buffer. I want to display this image in a temp…

I found the following code which did not show anything, I'm not sure if that's the right one? <template> <Teleport v-if="mounted" to="#app-bar-title"> <img height="32px" :src="msg.payload"></img> </Teleport> </template> <script> export default { data() { retu…

[image] ath0rus: I'm not sure if that's the right one? no [image] Steve-Mcl: Have you tried the live demos [image]

If that button was a snake i'd be stuffed. Apologies for my inability to see something in plain sight

I can't get it to take my photo (from file node) and display that for some reason [image] [image]

Spot the difference... [image] PS, use forward quotes like c:/blah/blah Lastly, if Node-RED is not running under the SmolPC account, it wont have access to your desktop. Always better to put shared resources in a shared (non user) directory. In fact, better still, put the images in a directory…

I'm running Node-RED on a Raspberry Pi so I just quickly tried. I did put a simple image (meter.jpg) in the .node-red directory. It worked as expected. Please be sure that the file node outputs a single buffer [image] [image]

ahh ok, thats how you did that, Once i had the image in that folder (i had to change the file path for windows) I had no issues displaying it as I could use the filename in the img src tag, I was just wondering if there was a way to display an image without needing to save it there first. The reson …

[image] ath0rus: I was just wondering if there was a way to display an image without needing to save it there first Of course it is, that is what my example shows with the MQTT node. Myself I send image data from all my surveillance cameras over my network as buffers via MQTT To add frame co…

Node-RED

Node-RED Forum

Displaying images on dashboard 2.0

Dashboard

krambriw 16 November 2024 07:23 3

There was also a similar request just discussed that could be of interest. The example flow expects the image data as buffer

Topic		Replies	Views
How to display an image on Node red dashboard using template node General	6	28276	15 April 2020
Dashboard node similar to node-red-contrib-image-output Dashboard	2	1377	5 March 2021
Image display with template Dashboard dashboard-2	3	487	3 August 2024
Show Camera Image on Dashboard Dashboard	26	24453	28 April 2020
Display image in buffer in template node General	5	1485	13 November 2024

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.

Displaying images on dashboard 2.0

Related topics