how to pass image from memory to flask variable

Question

I want to generate a plot and save to memory and then pass it flask as a variable but I am stuck. I have written this code and it seems to work in google colab, when the function is called it generates the plot. However I want now to pass the variable buffer to flask render template but I am totally stuck

import io

def image_plot():
             plt.figure()
             my_ax = sns.violinplot(x=df_tweet["compound"])
             plt.title('this is the twitter sentiment analysis for')
             buffer = io.BytesIO()
             my_ax.figure.savefig(buffer, format="png")
             buffer.seek(0)
             return buffer


return render_template("index.html", buffer=.....)

and the html part should be...

<body>
    <img id="picture" src="{{ buffer }}">
</body>

Maybe this article can help you with it. And this gist

charchit
– charchit

2021-07-07 16:34:20 +00:00
Commented Jul 7, 2021 at 16:34 — charchit
– charchit, Commented Jul 7, 2021 at 16:34

Emilia Delizia · Accepted Answer · 2021-07-08 06:31:00Z

0

I have figured out the following and it seems to work basing it this tutorial

https://buraksenol.medium.com/pass-images-to-html-without-saving-them-as-files-using-python-flask-b055f29908a

import io
import base64



plt.figure()
my_ax = sns.violinplot(x=df_tweet["compound"])
plt.title('this is saved to memory')
buffer = io.BytesIO()
my_ax.figure.savefig(buffer, format="png")
buffer.seek(0)
image_memory = base64.b64encode(buffer.getvalue())

return render_template("index.html", img_data=image_memory.decode('utf-8'))

on the html page


<img id="picture" src="data:image/png;base64,{{ img_data }}">

answered Jul 8, 2021 at 6:31

Emilia Delizia

3434 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to pass image from memory to flask variable

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related