# Simplest way to display a picture in a webapp with Genie.jl

**URL:** <https://discourse.julialang.org/t/simplest-way-to-display-a-picture-in-a-webapp-with-genie-jl/60387>\
**Category:** Web Stack\
**Tags:** webapps, genie\
**Created:** [May 1, 2021, 4:38pm UTC](https://discourse.julialang.org/t/simplest-way-to-display-a-picture-in-a-webapp-with-genie-jl/60387 "2021-05-01T16:38:54Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![Krastanov](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/krastanov/32/6817_2.png) [@Krastanov](https://discourse.julialang.org/u/Krastanov)\
**Post date:** [May 2, 2021, 1:17am UTC](https://discourse.julialang.org/t/simplest-way-to-display-a-picture-in-a-webapp-with-genie-jl/60387/4 "2021-05-02T01:17:01Z")

</div>

You can base64 encode the image directly in the HTML. That way you do not need to implement additional image file server functionality or create temporary files.

```julia
image_stream = open(image_file) # This opens a file, but you can just as well use a in-memory buffer
data = Base64.base64encode(image_stream)
html = """<img src="data:image/png;base64,$(data)">"""

```

---

_[View the full topic](https://discourse.julialang.org/t/simplest-way-to-display-a-picture-in-a-webapp-with-genie-jl/60387)._