Set up a UI TEMPLATE NODE. Want to display an image Method 1: <img ng-src='' http://192.168.3.11/picture/snapshot.jpg " height="470" width="280" /> This works fine. Method 2: using a function to set the msg.payload = ' http://192.168.3.11/picture/snapshot.jpg "; return msg; Then in the UI Templ…

you have to play with this settings in the Template node : [image] First try to change "Size" .

[image] sweetwater: this works! Do you mean you have solved your problem?

The goal is to display a picture from a http as a payload and display on the Dashboard with a UI Template : i try this : [image] sweetwater: Method 2: using a function to set the msg.payload = ' http://192.168.3.11/picture/snapshot.jpg "; return msg; Then in the UI Template passed in the m…

i found the solution : in the UI Template paste this : :smiley: <p> Status: <img width="30" height="30" src= {{msg.payload}} alt='Image not found' /> </p> [image] And go further : add in the function node : msg.title = 'Working good !' ; and in the UI Template : title={{msg.title}} [title] …

how to show the local image？ I use msg.payload = 'file:///home/ubuntu/1.png'; but failed

im trying to get image from raspberry and post at dashboard. can anyone help me?

@trihook @munuluka after put a picture in your raspberry in the folder /home/pi/Pictures ( off.png picture in this example) : try this flow : [{"id":"43f3ac9.5214a54","type":"inject","z":"1dec9bbc.37a314","name":"","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":false…

[image] node-red-node-base64 A Node-RED node to pack and unpack objects to base64 format

Node-RED

Node-RED Forum

UI template image via msg.payload

Dashboard

SuperNinja 1 November 2019 18:30 15

you have to play with this settings in the Template node :

First try to change "Size" .

Topic		Replies	Views
Image display with template Dashboard dashboard-2	3	481	3 August 2024
Template img element displays local image based on msg.filename / msg.payload Dashboard node-red-dashboard	8	174	23 February 2025
[RESOLVED] Grab picture from Internet, resize and display on Dashboard Dashboard	6	7115	22 February 2019
Dashboard: Image from msg.payload Dashboard	2	8561	21 August 2018
Problem Getting Image in Template Node Dashboard	11	6067	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.

UI template image via msg.payload

Related topics