python - 如何将 Base64 图像字符串从 Flask Python 代码传递到 HTML？

Question

我有一个 Flask 服务器，我想在 HTML 页面中呈现一个 base64 图像。

flask 代码:

new_image_string = base64.b64encode(buff.getvalue()).decode("utf-8")
return render_template('perspective_result.html', img_data=new_image_string)

HTML 代码:

<img src="data:image/jpeg;base64,+img_data" alt="img_data"  id="imgslot"/>

我从浏览器控制台收到以下错误:

GET data:image/jpeg;base64,+img_data 0 ()

我哪里出错了？

Answer 1

<img src="data:image/jpeg;base64,{{ img_data }}" alt="img_data" id="imgslot"/>

这就是我们解决这个问题的方法。