Template image not showing

Dashboard
1

i added a image in template node
but image is not showing.i write this code on template editor.

Dash_logo
Dash_logo1547×665 36.2 KB

2

image_Add
image_Add1286×641 7.82 KB

3

Do you mean an image ,bmp .jpg .or a web page .html ?

4

image in jpg format

5

In settings.js there is a setting for httpStatic, you need to set this path to a location where you want to serve your images from. Then restart NR.

eg create a folder in your NR directory called images and set the path to './images' then use

<img  src="filename">
6

I created the Folder.and given the path but my NR is stopped after path is defined please check am i make changes on correct location.

Capture
Capture970×644 31.8 KB

Capture2
Capture2993×517 27.1 KB

Setting.js
Setting.js1502×759 23.5 KB

7

No, not correct, you have two paths defined, you should only have one (what I know)

Besides that, I use also a slash in front of my image names

Like

img src="/captured31.jpg"

8

When i make changes on httpstatic and define path node-red not able to start.when i launch from cmd it generate error.

9

Backslashes need to be escaped with another backslash. E.g. c:\\users\\xxx\\...

Better yet, use regular slashes. E.g. c:/users/xxx/...

Lastly, remove the nol/ example.

10

Also, in your screenshot, you have 2 httpStatic: entries. This is not valid. There should be only one.

11

I Did this but still image is not showing

image
image481×725 18.6 KB

image_location
image_location1521×628 27.7 KB

image_not_showing
image_not_showing1156×167 4.05 KB

nodejs_setting
nodejs_setting897×801 19.5 KB

12

You run under Windows....I do not

Access rights to folder for images?

Start Node-Red from command prompt:

node-red-start

study what is printed, copy & paste here so we can help debugging

13

Microsoft Windows [Version 10.0.19045.2846]
(c) Microsoft Corporation. All rights reserved.

C:\Users\Admin>node-red
4 May 01:04:58 - [info]

Welcome to Node-RED

4 May 01:04:58 - [info] Node-RED version: v3.0.2
4 May 01:04:58 - [info] Node.js version: v18.16.0
4 May 01:04:58 - [info] Windows_NT 10.0.19045 x64 LE
4 May 01:05:00 - [info] Loading palette nodes
4 May 01:05:15 - [info] Worldmap version 2.37.2
4 May 01:05:15 - [info] Dashboard version 3.4.0 started at /ui
cpu backend was already registered. Reusing existing backend factory.
Platform node has already been set. Overwriting the platform with [object Object].
4 May 01:05:16 - [warn] ------------------------------------------------------
4 May 01:05:16 - [warn] [@binsoul/node-red-contrib-string-extract/binsoul-string-extract] Error: Cannot find module 'jsonata'
Require stack:

  • C:\Users\Admin.node-red\node_modules@binsoul\node-red-contrib-string-extract\dist\string-extract\Action\ExtractAction.js
  • C:\Users\Admin.node-red\node_modules@binsoul\node-red-contrib-string-extract\dist\string-extract\ActionFactory.js
  • C:\Users\Admin.node-red\node_modules@binsoul\node-red-contrib-string-extract\dist\string-extract\Node.js
  • C:\Users\Admin\AppData\Roaming\npm\node_modules\node-red\node_modules@node-red\registry\lib\loader.js
  • C:\Users\Admin\AppData\Roaming\npm\node_modules\node-red\node_modules@node-red\registry\lib\index.js
  • C:\Users\Admin\AppData\Roaming\npm\node_modules\node-red\node_modules@node-red\runtime\lib\nodes\index.js
  • C:\Users\Admin\AppData\Roaming\npm\node_modules\node-red\node_modules@node-red\runtime\lib\index.js
  • C:\Users\Admin\AppData\Roaming\npm\node_modules\node-red\lib\red.js
  • C:\Users\Admin\AppData\Roaming\npm\node_modules\node-red\red.js
    4 May 01:05:16 - [warn] ------------------------------------------------------
    4 May 01:05:16 - [info] Settings file : C:\Users\Admin.node-red\settings.js
    4 May 01:05:16 - [info] Context store : 'default' [module=memory]
    4 May 01:05:16 - [info] User directory : \Users\Admin.node-red
    4 May 01:05:16 - [warn] Projects disabled : git command not found
    4 May 01:05:16 - [info] Flows file : \Users\Admin.node-red\flows.json
    4 May 01:05:16 - [info] Server now running at http://127.0.0.1:1880/
    4 May 01:05:16 - [warn]

Your flow credentials file is encrypted using a system-generated key.

If the system-generated key is lost for any reason, your credentials
file will not be recoverable, you will have to delete it and re-enter
your credentials.

You should set your own key using the 'credentialSecret' option in
your settings file. Node-RED will then re-encrypt your credentials
file using your chosen key the next time you deploy a change.

4 May 01:05:16 - [info] Starting flows
Ignoring invalid timezone passed to Connection: IST. This is currently a warning, but in future versions of MySQL2, an error will be thrown if you pass an invalid configuration option to a Connection
4 May 01:05:16 - [info] Started flows
4 May 01:05:16 - [info] [aedes broker:fa484b8951534360] Binding aedes mqtt server on port: 1883
4 May 01:05:16 - [info] [mqtt-broker:ccd1cd629d5fb1f4] Connected to broker: mqtt://192.168.0.169:1883

14

Looks to me like your httpStatic setting is in a commented section of the settings file.
Try adding */ above it

2 Likes
15

2 tips.

  1. Please don't post screenshots. We cannot check them in a code editor

  2. Use a proper code editor to view the js file (e.g. VSCode) and you will see much clearer what is going on.

As @E1cid points out, the httpStatic entry is commented out due to a bad edit but since you are using notepad, you cannot see it.


Oh, one more tip, when posting code and logs, please wrap them in a code fence.

canned text:

In order to make code readable and usable it is necessary to surround your code with three backticks (also known as a left quote or backquote ```)

``` 
   code goes here 
```

You can edit and correct your post by clicking the pencil :pencil2: icon.

See this post for more details - How to share code or flow json

16

Thanks all for your valuable support.my problem solved.
thank you

17

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