# Show url as image in Kibana

**URL:** <https://discuss.elastic.co/t/show-url-as-image-in-kibana/177057>\
**Category:** Kibana\
**Created:** [April 16, 2019, 10:21am UTC](https://discuss.elastic.co/t/show-url-as-image-in-kibana/177057 "2019-04-16T10:21:15Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![M.alsioufi](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/m.alsioufi/32/52269_2.png) [@M.alsioufi](https://discuss.elastic.co/u/M.alsioufi)\
**Post date:** [April 16, 2019, 10:21am UTC](https://discuss.elastic.co/t/show-url-as-image-in-kibana/177057/1 "2019-04-16T10:21:15Z")

</div>

Hi,  
I am working with Kibana 6.x  
I am trying to use the fields formatter feature in Kibana to show a field as a URL.  
The field name is thumbnail\_path and it contains a full path to a jpg file  
I have changed the field format like in the images below

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

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/8/d/8d5f9032910d0ac2fd5aeab64177aee6d7d531d7.png)  
However, the link I am getting keep adding [http://localhost:5601/app/](http://localhost:5601/app/) at the begaining which causes the entire link to be wrong so instead of getting the value of the field as the target of the link I am getting [http://localhost:5601/app/the-value-of-the-field](http://localhost:5601/app/the-value-of-the-field)

is there anyway to override this behavior? is there a way to show this thumbnail directly in the discover using the URL formatter and type image instead of link?  
Any help regarding this is highly appreciated!

---

<div class="post-metadata">

**Author:** ![azasypkin](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/azasypkin/32/42216_2.png) [@azasypkin](https://discuss.elastic.co/u/azasypkin)\
**Post date:** [April 16, 2019, 11:56am UTC](https://discuss.elastic.co/t/show-url-as-image-in-kibana/177057/2 "2019-04-16T11:56:10Z")

</div>

Hi @M.alsioufi,

Hmm, actually `{{rawValue}}` as `URL template` for a field with absolute link to the image should work for both `Image` and `Link`. Can you share the example document?

Best,  
Oleg

---

<div class="post-metadata">

**Author:** ![M.alsioufi](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/m.alsioufi/32/52269_2.png) [@M.alsioufi](https://discuss.elastic.co/u/M.alsioufi)\
**Post date:** [April 16, 2019, 12:30pm UTC](https://discuss.elastic.co/t/show-url-as-image-in-kibana/177057/3 "2019-04-16T12:30:58Z")

</div>

Thanks for your replay @azasypkin

The value of the field is a path like "E:\some\path\the-value-of-the-field.jpg" Kibana shows this value as a link but when I click on it, it opens a new tab with [http://localhost:5601/app/the-value-of-the-field.jpg](http://localhost:5601/app/the-value-of-the-field.jpg).

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/c/2/c257fafb303e6c0d2e681d86f89d7e4502304c6e.png)  
 ![image](https://us1.discourse-cdn.com/elastic/original/3X/c/8/c836ff7aab4c62197761e45dd70eef5a45b6fe31.png)

---

<div class="post-metadata">

**Author:** ![azasypkin](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/azasypkin/32/42216_2.png) [@azasypkin](https://discuss.elastic.co/u/azasypkin)\
**Post date:** [April 16, 2019, 1:19pm UTC](https://discuss.elastic.co/t/show-url-as-image-in-kibana/177057/4 "2019-04-16T13:19:08Z")

</div>

Ah, unfortunately Kibana doesn't support that kind of local/filesystem links.

Best,  
Oleg

---

<div class="post-metadata">

**Author:** ![M.alsioufi](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/m.alsioufi/32/52269_2.png) [@M.alsioufi](https://discuss.elastic.co/u/M.alsioufi)\
**Post date:** [April 16, 2019, 1:21pm UTC](https://discuss.elastic.co/t/show-url-as-image-in-kibana/177057/5 "2019-04-16T13:21:18Z")

</div>

if I serve these files with an http server and provide the value like : "http:\some\_ip\some\path\the-value-of-the-field.jpg" would that work?

---

<div class="post-metadata">

**Author:** ![azasypkin](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/azasypkin/32/42216_2.png) [@azasypkin](https://discuss.elastic.co/u/azasypkin)\
**Post date:** [April 16, 2019, 1:25pm UTC](https://discuss.elastic.co/t/show-url-as-image-in-kibana/177057/6 "2019-04-16T13:25:14Z")

</div>

> if I serve these files with an http server and provide the value like : "http:\some\_ip\some\path\the-value-of-the-field.jpg" would that work?

Yeah, that should work assuming you have a valid HTTP link, e.g. `http://some-ip/picture.jpg`.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [May 14, 2019, 1:25pm UTC](https://discuss.elastic.co/t/show-url-as-image-in-kibana/177057/7 "2019-05-14T13:25:30Z")

</div>

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