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

Question

我有一个模型，其中的图像存储为二进制 blob。我想在模板中显示此图像以及有关 object 的其他数据。由于图像不是一个单独的文件，我不知道如何显示它。我试过设置 headers，或使用 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 }}"/>

这是次优的，因为每次呈现页面时都会发送数据 URI，而客户端可以缓存图像文件。最好将图片文件存放在目录中，将路径存放在数据库中，单独服务图片文件即可。

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

Display image stored as binary blob in template

python

google-app-engine

flask

jinja2

flask-restful