# Display live image data (base64 jpeg) in Kibana

**URL:** https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/181554
**Category:** Kibana
**Created:** [May 17, 2019, 9:31am UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/181554 "2019-05-17T09:31:17Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![hsch0](https://avatars.discourse-cdn.com/v4/letter/h/bb73d2/32.png) [@hsch0](https://discuss.elastic.co/u/hsch0)
#### Post date: [May 17, 2019, 9:31am UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/181554/1 "2019-05-17T09:31:17Z")

</div>

I have Base64 encoded jpeg image data stored in Elasticseach which I want to display in a Kibana Dashboard (or with Canvas). I'm able to to that with a static image using the markdown visualization. But how can I do that with data from Elasticserch? I couldn't find any examples...

---

<div class="post-metadata">

### Author: ![thomasneirynck](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/thomasneirynck/32/23313_2.png) [@thomasneirynck](https://discuss.elastic.co/u/thomasneirynck)
#### Post date: [May 17, 2019, 3:35pm UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/181554/2 "2019-05-17T15:35:35Z")

</div>

You can use a Url field-formatter ([https://www.elastic.co/guide/en/kibana/current/field-formatters-string.html](https://www.elastic.co/guide/en/kibana/current/field-formatters-string.html)) and just use the base64-string as a src attribute, using the Image-type.

something like  
 ![image](https://us1.discourse-cdn.com/elastic/original/3X/f/4/f4b5d2a227fb8e971e02ec91c8df0010b612d338.png)

I hardcoded that base64 image, but that could reference your field-value with `{{value}}`

---

<div class="post-metadata">

### Author: ![tropas](https://avatars.discourse-cdn.com/v4/letter/t/d9b06d/32.png) [@tropas](https://discuss.elastic.co/u/tropas)
#### Post date: [June 11, 2019, 10:24am UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/181554/3 "2019-06-11T10:24:00Z")

</div>

This is really useful, but would it be possible to provide an example of the full markdown string to pull this value from a message from within elasticsearch db?

Thanks

Andy

---

<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: [July 9, 2019, 10:24am UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/181554/4 "2019-07-09T10:24:01Z")

</div>

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