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

Posted 2023-03-22

【中文标题】在模板中显示存储为二进制 blob 的图像

【英文标题】：Display image stored as binary blob in template

【发布时间】：2021-10-29 16:21:00

【问题描述】：

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

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

【参考方案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，而客户端可以缓存图像文件。最好将图片文件存放在目录中，将路径存放在数据库中，单独提供图片文件即可。