Как передать строку изображения Base64 из кода Flask Python в HTML?

Question

У меня есть сервер Flask, и я хочу отобразить изображение base64 на странице HTML.

Код 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"/>

Так мы можем решить эту проблему.