# How to open image image from local file directory?

**URL:** <https://discourse.nodered.org/t/how-to-open-image-image-from-local-file-directory/11952>\
**Category:** Dashboard\
**Created:** [7 June 2019 15:58 UTC](https://discourse.nodered.org/t/how-to-open-image-image-from-local-file-directory/11952 "2019-06-07T15:58:00Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![gosaye\_1](https://avatars.discourse-cdn.com/v4/letter/g/ea666f/32.png) [@gosaye\_1](https://discourse.nodered.org/u/gosaye_1)\
**Post date:** [7 June 2019 15:58 UTC](https://discourse.nodered.org/t/how-to-open-image-image-from-local-file-directory/11952/1 "2019-06-07T15:58:00Z")

</div>

how to open image image from local file directory?

please help me  
i want to open an image in the dashboard from local file in the raspberry pi?

---

<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:** [7 June 2019 16:55 UTC](https://discourse.nodered.org/t/how-to-open-image-image-from-local-file-directory/11952/2 "2019-06-07T16:55:15Z")

</div>

Loading an image (or any file for that matter) from the machine where node-red is running is as simple as using and `file in` node.

I'm gonna hazard a guess that you want to do more than just load it. Perhaps edit it? Display it in a dashboard?

There are plenty of examples if you search.

---

<div class="post-metadata">

**Author:** ![shrickus](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/shrickus/32/517_2.png) [@shrickus](https://discourse.nodered.org/u/shrickus)\
**Post date:** [8 June 2019 17:37 UTC](https://discourse.nodered.org/t/how-to-open-image-image-from-local-file-directory/11952/3 "2019-06-08T17:37:51Z")

</div>

Hi - Look in your `settings.js` file for this httpStatic section, something like this:

```auto
    // When httpAdminRoot is used to move the UI to a different root path, the
    // following property can be used to identify a directory of static content
    // that should be served at http://localhost:1880/.
    httpStatic: '/home/pi/public',

```

As it suggests, you can then serve all the PI's local files from under that directory.  
Just make sure to follow the instructions on that first line (set a different root path),  
since the default url '/' will overlap with the urls to your local files.

Is this what you are looking to do?

---

<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:** [8 June 2019 17:46 UTC](https://discourse.nodered.org/t/how-to-open-image-image-from-local-file-directory/11952/4 "2019-06-08T17:46:50Z")

</div>

If you want to load and process an image, you could use `noee-red-contrib-image-tools`

> <https://github.com/Steve-Mcl/node-red-contrib-image-tools/blob/master/README.md>

As it load an image from file location and can convert an image to base64 you can inject that into a UI template node for displaying it in the dashboard.

---

<div class="post-metadata">

**Author:** ![gosaye\_1](https://avatars.discourse-cdn.com/v4/letter/g/ea666f/32.png) [@gosaye\_1](https://discourse.nodered.org/u/gosaye_1)\
**Post date:** [12 June 2019 12:43 UTC](https://discourse.nodered.org/t/how-to-open-image-image-from-local-file-directory/11952/5 "2019-06-12T12:43:32Z")

</div>

want to display the image captured from raspberry pi camera. i have got  
the camerapi node but it stores in /home/pi/pictures directory i want to display every image captured during a button touch.

---

<div class="post-metadata">

**Author:** ![budiman098](https://avatars.discourse-cdn.com/v4/letter/b/3ab097/32.png) [@budiman098](https://discourse.nodered.org/u/budiman098)\
**Post date:** [12 June 2020 14:14 UTC](https://discourse.nodered.org/t/how-to-open-image-image-from-local-file-directory/11952/6 "2020-06-12T14:14:06Z")

</div>

hy gosaye\_1, are you finish your problem about display captured from local file?

---

<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:** [12 June 2020 14:31 UTC](https://discourse.nodered.org/t/how-to-open-image-image-from-local-file-directory/11952/7 "2020-06-12T14:31:21Z")

</div>

Hi @budiman098 you'd be better off creating a new topic and describe your exact requirements and what you have tried so far.

Helpful info should include...

- what you are trying to achieve
- what system its on (Rasp Pi? Windows PC?)
- where you want to display the local file
- what should make this happen (a button? an mqtt message? an inject?)

---

<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:** [12 June 2020 14:31 UTC](https://discourse.nodered.org/t/how-to-open-image-image-from-local-file-directory/11952/8 "2020-06-12T14:31:27Z")

</div>