# Dashboard node similar to node-red-contrib-image-output

**URL:** <https://discourse.nodered.org/t/dashboard-node-similar-to-node-red-contrib-image-output/42097>\
**Category:** Dashboard\
**Created:** [5 March 2021 15:11 UTC](https://discourse.nodered.org/t/dashboard-node-similar-to-node-red-contrib-image-output/42097 "2021-03-05T15:11:23Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![JoseGodinho](https://avatars.discourse-cdn.com/v4/letter/j/f4b2a3/32.png) [@JoseGodinho](https://discourse.nodered.org/u/JoseGodinho)\
**Post date:** [5 March 2021 15:11 UTC](https://discourse.nodered.org/t/dashboard-node-similar-to-node-red-contrib-image-output/42097/1 "2021-03-05T15:11:24Z")

</div>

Hello

The node-red-contrib-image-output is fantastic, I just would like to display the same image in the dashboard ( buffer image in my case ).!

Thank you all

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [5 March 2021 15:53 UTC](https://discourse.nodered.org/t/dashboard-node-similar-to-node-red-contrib-image-output/42097/2 "2021-03-05T15:53:00Z")

</div>

image buffer --\> base64 --\> function --\> ui-template  
  
  
function node

```auto
msg.payload = "data:image/png;base64," + msg.payload; //set correct mime type e.g. jpeg or gif etc
return msg;

```

ui template node

```auto
<img src="{{payload}}" />

```

---

<div class="post-metadata">

**Author:** ![JoseGodinho](https://avatars.discourse-cdn.com/v4/letter/j/f4b2a3/32.png) [@JoseGodinho](https://discourse.nodered.org/u/JoseGodinho)\
**Post date:** [5 March 2021 19:44 UTC](https://discourse.nodered.org/t/dashboard-node-similar-to-node-red-contrib-image-output/42097/3 "2021-03-05T19:44:54Z")

</div>

Thank ! you working

---

<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:** [4 April 2021 19:45 UTC](https://discourse.nodered.org/t/dashboard-node-similar-to-node-red-contrib-image-output/42097/4 "2021-04-04T19:45:17Z")

</div>

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