# Question about displaying images in Perspective, sharing images through Ignition Web Server

**URL:** <https://forum.inductiveautomation.com/t/question-about-displaying-images-in-perspective-sharing-images-through-ignition-web-server/70953>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [March 13, 2023, 8:29am UTC](https://forum.inductiveautomation.com/t/question-about-displaying-images-in-perspective-sharing-images-through-ignition-web-server/70953 "2023-03-13T08:29:33Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![Michal\_Goralczyk](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/michal_goralczyk/32/55564_2.png) [@Michal\_Goralczyk](https://forum.inductiveautomation.com/u/Michal_Goralczyk)\
**Post date:** [March 13, 2023, 8:29am UTC](https://forum.inductiveautomation.com/t/question-about-displaying-images-in-perspective-sharing-images-through-ignition-web-server/70953/1 "2023-03-13T08:29:33Z")

</div>

Hello, I have questions about the images displayed in Ignition Perspective. I am using Python 3 to generate an image that I would like to place in Perspective. To do this, I place it in the Inductive Automation\Ignitionwebserver\webapps\main directory so that it can be referenced in the image source component.

When I share the image and refer to it by path everything works fine:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/c/ece99a0de0306c2522e3f92f9d5385d2be006d22.png)

I'm trying to display it in designer perspective but you can't see the preview here:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/c/0c5b9d90ec658fcef3e967af51217a3d8ef7c3af.png)

It is also invisible on the frontend:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/c/3c6c05cb4497a3930cc50dc7ee2c7f3f3a9d8045.png)

However, this happens when Perspective is run outside the gateway. On the server Perspective displays the image correctly:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/5/05985a2748f0de1d6d692727075fe2f29995d586.png)

I have also tried replacing the localhost address with the gateway IP address but I am also encountering a display problem. This happens on both the gateway and other computers connected to it. Source with gateway IP address doesn't seem to work, there is no preview both designer and in the fired up SCADA in the browser.

However, displaying the graphics in another window after right-clicking in the browser works fine everywhere:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/7/57fa9bb40da084786ce137dbcdcd46154ddcfc3d.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/f/bf4dc26a70cf78e4d355af1d954e1f0af6e4c2a8.png)

Does anyone know how to solve this problem? What is the reason for the lack of image in Perspective on other clients?

Best regards,  
Michal

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [March 13, 2023, 8:48am UTC](https://forum.inductiveautomation.com/t/question-about-displaying-images-in-perspective-sharing-images-through-ignition-web-server/70953/2 "2023-03-13T08:48:58Z")

</div>

Well, `localhost` is definitely never going to work anywhere outside the gateway machine, because `localhost` is **always** local, by definition. Get your IP address or hostname working, and use a designer that is not on the gateway. (Look for firewall issues--that is the most common reason the machine's external IP isn't reachable.)

---

<div class="post-metadata">

**Author:** ![Michal\_Goralczyk](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/michal_goralczyk/32/55564_2.png) [@Michal\_Goralczyk](https://forum.inductiveautomation.com/u/Michal_Goralczyk)\
**Post date:** [March 13, 2023, 9:39am UTC](https://forum.inductiveautomation.com/t/question-about-displaying-images-in-perspective-sharing-images-through-ignition-web-server/70953/3 "2023-03-13T09:39:41Z")

</div>

Sure "localhost" won't work however also naming by IP and I think I found the cause but do you know maybe how to solve it?

```auto
10:25:15.039 [Browser Thread: 59744] WARN Perspective.Designer.Workspace - level: WARNING
message: "Mixed Content: The page at \'https://<IP>:8043/data/perspective/design\' was loaded over HTTPS, but requested an insecure element \'http://<IP>:8088/Files/image.jpg\'. This request was automatically upgraded to HTTPS, For more information see https://blog.chromium.org/2019/10/no-more-mixed-messages-about-https.html"
source: "https://<IP>:8043/data/perspective/design"

```

Is it possible to connect to webserver resources using https?

---

<div class="post-metadata">

**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\
**Post date:** [March 13, 2023, 11:29am UTC](https://forum.inductiveautomation.com/t/question-about-displaying-images-in-perspective-sharing-images-through-ignition-web-server/70953/4 "2023-03-13T11:29:25Z")

</div>

Did you try using https to get your image?

> [@Michal\_Goralczyk](#):
>
> `but requested an insecure element \'http://<IP>:8088/Files/image.jpg\`

---

<div class="post-metadata">

**Author:** ![Michal\_Goralczyk](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/michal_goralczyk/32/55564_2.png) [@Michal\_Goralczyk](https://forum.inductiveautomation.com/u/Michal_Goralczyk)\
**Post date:** [March 13, 2023, 12:21pm UTC](https://forum.inductiveautomation.com/t/question-about-displaying-images-in-perspective-sharing-images-through-ignition-web-server/70953/5 "2023-03-13T12:21:16Z")

</div>

Unfortunately it fails, the webserver seems to be unable to respond to an encrypted connection:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/4/b450ece5e1a2e14a50901d303cd5d38efa7c0fd7.png)

I also tried to do it on another port and https://. It redirects me to connect unsecured.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/7/1708306a0a56ce203fd5514c0417d254889f137c.png)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/8/e84e81ada3776f3b4d7617a8787d2aac0a4aeb44.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/4/5461f71c192c775b7668017647eac2c4646f6b0a.png)

I managed to solve it through browser settings i.e. changing - Allow unsecured content which however does not seem like a safe option but it works

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [March 13, 2023, 12:32pm UTC](https://forum.inductiveautomation.com/t/question-about-displaying-images-in-perspective-sharing-images-through-ignition-web-server/70953/6 "2023-03-13T12:32:47Z")

</div>

You should have changed the port, too: `http://localhost:8088/` ==\> `https://localhost:8043/`

---

<div class="post-metadata">

**Author:** ![mdemaris](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mdemaris/32/54639_2.png) [@mdemaris](https://forum.inductiveautomation.com/u/mdemaris)\
**Post date:** [October 5, 2023, 10:14pm UTC](https://forum.inductiveautomation.com/t/question-about-displaying-images-in-perspective-sharing-images-through-ignition-web-server/70953/7 "2023-10-05T22:14:42Z")

</div>

And, depending on your company, you may have to use Certificates when using HTTPS.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [October 5, 2023, 11:30pm UTC](https://forum.inductiveautomation.com/t/question-about-displaying-images-in-perspective-sharing-images-through-ignition-web-server/70953/8 "2023-10-05T23:30:28Z")

</div>

Obligatory "even if you get this working, it's not supported" post.

That directory happens to work at this time, but it was never intended to be a long-term solution and we do not recommend you use it in this capacity. At this time the only officially supported routes for displaying images are:

1. Externally hosted image repos (PhotoBucket, AmazonS3)
2. Image Management
3. WebDev resources

---

<div class="post-metadata">

**Author:** ![mdemaris](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mdemaris/32/54639_2.png) [@mdemaris](https://forum.inductiveautomation.com/u/mdemaris)\
**Post date:** [October 6, 2023, 1:09am UTC](https://forum.inductiveautomation.com/t/question-about-displaying-images-in-perspective-sharing-images-through-ignition-web-server/70953/9 "2023-10-06T01:09:15Z")

</div>

So the Ignition folder "main" is NOT supposed to hold images?

What do you mean by "WebDev Resources"?

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [October 6, 2023, 1:11am UTC](https://forum.inductiveautomation.com/t/question-about-displaying-images-in-perspective-sharing-images-through-ignition-web-server/70953/10 "2023-10-06T01:11:37Z")

</div>

> [@mdemaris](#):
>
> hold images?

No.

> [@mdemaris](#):
>
> mean by "WebDev Resources"

WebDev mounted folders or GET api endpoint scripts.

---

<div class="post-metadata">

**Author:** ![mdemaris](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mdemaris/32/54639_2.png) [@mdemaris](https://forum.inductiveautomation.com/u/mdemaris)\
**Post date:** [October 6, 2023, 1:13am UTC](https://forum.inductiveautomation.com/t/question-about-displaying-images-in-perspective-sharing-images-through-ignition-web-server/70953/11 "2023-10-06T01:13:03Z")

</div>

So let's say I have 2k png's and would like to use them... I drop them in a network folder, mount the folder and somehow I should be able to reference them?

Edit:  
I see a File Resource but it appears as if it's asking for a specific file

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [October 6, 2023, 1:13am UTC](https://forum.inductiveautomation.com/t/question-about-displaying-images-in-perspective-sharing-images-through-ignition-web-server/70953/12 "2023-10-06T01:13:28Z")

</div>

With the WebDev module, yes. If you don't want to pay for a WebDev license, you could put those files into a database and use my free Blob Server instead. But the "main" folder has real problems (cannot change or delete anything once served until a gateway restart) due to Jetty implementation details. Works by accident, and is utterly unsupportable.

---

<div class="post-metadata">

**Author:** ![mdemaris](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mdemaris/32/54639_2.png) [@mdemaris](https://forum.inductiveautomation.com/u/mdemaris)\
**Post date:** [October 6, 2023, 1:30am UTC](https://forum.inductiveautomation.com/t/question-about-displaying-images-in-perspective-sharing-images-through-ignition-web-server/70953/13 "2023-10-06T01:30:15Z")

</div>

I would like to take a look at your Blob Server, please and thank you!

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [October 6, 2023, 1:40am UTC](https://forum.inductiveautomation.com/t/question-about-displaying-images-in-perspective-sharing-images-through-ignition-web-server/70953/14 "2023-10-06T01:40:14Z")

</div>

> [@Automation Professionals' Blob Server Module](https://forum.inductiveautomation.com/t/automation-professionals-blob-server-module/57970):
>
> Automation Professionals is pleased to announce an alpha release of its new Blob Server Module. Available only for Ignition v8.1, here. The Blob Server Module provides a simple way to deliver images, PDF files, or other binary content from a database to your Perspective clients or other web applications. Without needing the WebDev module. All you need is a Named Query that has appropriate security settings and returns a single row with two columns: Content, and ContentType. Modest documentati…
