如何将Flask Python代码中的Base64图像字符串传递给HTML?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (542)

我有一个Flask服务器,我想在HTML页面中呈现一个base 64图像。

Flask Code:

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

HTML CODE:

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

I am getting the below error from browser console:

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

Where did I go wrong?

提问于
用户回答回答于

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

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

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动