# Displaying Image in Node Red Dashboard

**URL:** <https://discourse.nodered.org/t/displaying-image-in-node-red-dashboard/92720>\
**Category:** Dashboard\
**Tags:** node-red-dashboard, function-node, ui-template\
**Created:** [27 October 2024 19:09 UTC](https://discourse.nodered.org/t/displaying-image-in-node-red-dashboard/92720 "2024-10-27T19:09:33Z")\
**Posts on this page:** 8\
**Page:** 2

<div class="post-metadata">

**Author:** ![grzegorzjanusz](https://avatars.discourse-cdn.com/v4/letter/g/cab0a1/32.png) [@grzegorzjanusz](https://discourse.nodered.org/u/grzegorzjanusz)\
**Post date:** [29 October 2024 11:44 UTC](https://discourse.nodered.org/t/displaying-image-in-node-red-dashboard/92720/21 "2024-10-29T11:44:12Z")

</div>

Here is the code in the template to upload an image.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/a/4a2ae57681fd862eb767049095622161f95d298c.png)

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [29 October 2024 11:56 UTC](https://discourse.nodered.org/t/displaying-image-in-node-red-dashboard/92720/22 "2024-10-29T11:56:31Z")

</div>

> [@grzegorzjanusz](#):
>
> Here is the code in the template to upload an image.

> [@grzegorzjanusz](#):
>
> i installed node-red-contrib-ui-media and now i'm using this.

It appears that you keep changing what you are doing, which makes it difficult for us to help.

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [29 October 2024 12:04 UTC](https://discourse.nodered.org/t/displaying-image-in-node-red-dashboard/92720/23 "2024-10-29T12:04:20Z")

</div>

Well it was there on @grzegorzjanusz' original screen capture  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/d/2d73c66f586381825ce00681b81207193e46df3c.png)

---

<div class="post-metadata">

**Author:** ![grzegorzjanusz](https://avatars.discourse-cdn.com/v4/letter/g/cab0a1/32.png) [@grzegorzjanusz](https://discourse.nodered.org/u/grzegorzjanusz)\
**Post date:** [29 October 2024 12:24 UTC](https://discourse.nodered.org/t/displaying-image-in-node-red-dashboard/92720/24 "2024-10-29T12:24:16Z")

</div>

Yes, I'm sorry for this. I only try different ways to solve this problem. Right now I'm using this 2 nodes. "Display Image" is working, but I can't update an image which is my current goal. "Upload" is the new one I'm trying, but it can't read my image (but I can see this icon under the time).

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/2/6229b15e16fbb353ba6517bdd52621f565b2fd48.png)  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/4/a402095471999ff35da592a245d5f07c85d74e34.png)

---

<div class="post-metadata">

**Author:** ![grzegorzjanusz](https://avatars.discourse-cdn.com/v4/letter/g/cab0a1/32.png) [@grzegorzjanusz](https://discourse.nodered.org/u/grzegorzjanusz)\
**Post date:** [29 October 2024 12:26 UTC](https://discourse.nodered.org/t/displaying-image-in-node-red-dashboard/92720/25 "2024-10-29T12:26:50Z")

</div>

The code for "Upload" is here.

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [29 October 2024 12:34 UTC](https://discourse.nodered.org/t/displaying-image-in-node-red-dashboard/92720/26 "2024-10-29T12:34:16Z")

</div>

not exactly same thing, but you may get some idea if you follow this thread.

> [@Image selection by comparison](https://discourse.nodered.org/t/image-selection-by-comparison/91043/7):
>
> so there are 3 possible conditions and depending on what condition is present at the moment you want 3 different images to show on dashboard. can you just not use a switch node and direct show a defined image ? sorry I may be misreading your requirement. [opnclose] [{"id":"aa4055d2e729e0fa","type":"inject","z":"5a5b50a5e5a3beba","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"BUTTON-1","payloadType":"str"…

---

<div class="post-metadata">

**Author:** ![grzegorzjanusz](https://avatars.discourse-cdn.com/v4/letter/g/cab0a1/32.png) [@grzegorzjanusz](https://discourse.nodered.org/u/grzegorzjanusz)\
**Post date:** [29 October 2024 13:31 UTC](https://discourse.nodered.org/t/displaying-image-in-node-red-dashboard/92720/27 "2024-10-29T13:31:27Z")

</div>

Finally I found a solution and now it is working as I wish. Thank you guys for your time and help. Regards

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [28 November 2024 13:31 UTC](https://discourse.nodered.org/t/displaying-image-in-node-red-dashboard/92720/28 "2024-11-28T13:31:34Z")

</div>

Closed on 28 November 2024 13:31 UTC

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

[Previous page](https://discourse.nodered.org/t/displaying-image-in-node-red-dashboard/92720.md?page=1)