在模板中显示存储为二进制blob的图像

Question

我有一个模型,图像存储为二进制blob.我想在模板中显示此图像以及有关该对象的其他数据.由于图像不是单独的文件,我无法弄清楚如何显示它.我已尝试设置标题,或使用send_file或render_template,但我要么不获取图像,要么只获取图像而不是模板的其余部分.如何在模板中将二进制blob显示为图像？

class A(ndb.Model):
    id= ndb.IntegerProperty()
    x= ndb.StringProperty()
    y= ndb.StringProperty()
    image = ndb.BlobProperty()

Answer 1

图像存储为字节.使用base64对其进行编码,并将其作为数据uri插入到渲染的html中.您可以将对象及其编码图像传递给模板.

from base64 import b64encode

@app.route("/show/<int:id>")
def show(id):
    obj = A.query(A.id == id).fetch(1)[0]
    image = b64encode(obj.image).decode("utf-8")
    return render_template("show_a.html", obj=obj, image=image)

<p>{{ obj.x }}<br/>
{{ obj.y }}</p>
<img src="data:;base64,{{ image }}"/>

这是次优的,因为每次呈现页面时都会发送数据uris,而客户端可以缓存图像文件.最好将图像文件存储在目录中,将路径存储在数据库中,然后单独提供图像文件.