时间戳

首页 > 解决方案 > 仪表板上的节点红色图像

dashboard - 仪表板上的节点红色图像

问题描述

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

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

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

标签： dashboardnode-red

解决方案

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

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

设置 httpStatic

  1. 转到文件夹~/.node-red并打开settings.js文件

  2. 在此文件中，取消注释以httpStatic开头的行，并放入存储图像的目录/文件夹的路径。代码行将如下所示：httpStatic: 'Path to your folder',

  3. 重启节点 RED

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

在 Node RED 中设置模板节点

  1. 引入一个模板节点并输入以下代码： 
    <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 中设置的根目录的图像路径

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

推荐阅读