仪表板上的节点红色图像答案

【问题标题】：Node-Red Image on Dashboard仪表板上的节点红色图像
【发布时间】：2020-11-14 13:50:36
【问题描述】：

我正在对来自相机的图像执行对象检测并将其存储在具有固定名称的目录中。每隔几秒钟，图像就会更新并以相同的名称存储在目录中。

我在我的 Mac 上运行 node-red。我想在我的 npm 仪表板上显示这个图像，并在每次更新源图像时更新它。有没有办法做到这一点？

我尝试使用节点红色仪表板中的媒体节点，但它没有更新我的图像。请帮忙。

【问题讨论】：

使用 UI 控件更新仪表板。

标签： dashboard node-red

【解决方案1】：

我分两部分解决了这个问题：

在 settings.js 文件中设置 httpStatic
在node-red中设置模板节点

设置 httpStatic

转到文件夹 ~/.node-red 并打开 settings.js 文件
在此文件中，取消注释以 httpStatic 开头的行，并放入存储图像的目录/文件夹的路径。代码行将如下所示：httpStatic: 'Path to your folder',
重启节点RED

这会将您提供的路径设置为 Node RED 的根目录，它将开始搜索您的文件

在 Node RED 中设置模板节点

引入一个模板节点并输入以下代码：

<body>
<script>
setInterval(function(){
    $("#myimg").attr("src", "path to your image w.r.t. httpStatic?"+new 
     Date().getTime());
     },7000);
</script>
<div style="height:500px;">
<p align='center' id="box">
    <img src="path to your image w.r.t. httpStatic" id="myimg">
</p>
</div>
</body>

上面给出的每 7 秒检查一次您拥有图像的目录，并在图像发生变化时更新图像。

注意：请务必提供相对于 httpStatic 中设置的根目录的图像路径

您可以根据需要更改分割的大小、图像的对齐方式和更新时间间隔。

【讨论】：