显示以二进制斑点形式存储在模板中的图像

Question

我有一个图像存储为二进制斑点的模型。我想在模板中显示此图像以及有关对象的其他数据。由于该图像不是单独的文件，因此我不知道如何显示它。我尝试设置标题，或使用send_file或render_template，但我要么不获取图像，要么
仅 获取图像，而不获取模板的其余部分。如何在模板中将二进制斑点显示为图像？

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，而客户端可以缓存图像文件。最好将图像文件存储在目录中，将 路径
存储在数据库中，然后仅单独提供图像文件。