python - 无法显示来自 GridFS、PyMongo 的图像

Question

大家好，我对 Python 有点陌生。所以我有一个困惑的问题。我需要将图像存储在数据库中，然后我必须在客户端显示每个图像。我使用 Flask 来处理休息请求。

所以这里我有用于提交的简单标记

<form action="/upload" method="post" enctype="multipart/form-data">
    <label for="image">Select image</label>
    <input type="file" name='img' id='image'>
    <input type="submit" id='upload_img'>
</form>

在这里我收到我的请求并将其保存到我的数据库

@app.route("/upload", methods=["POST"])
def upload_image():
    # get current image file
    img_file = request.files['img']
    # get Content Type and File Name of current image
    content_type = img_file.content_type
    filename = img_file.filename

    # save to GridFS my image
    # fields <-- recive the id of just saved image
    fields = db.FS.put(img_file, content_type=content_type, filename=filename)
    # store the filename and _id to another database
    # so here we can much morea easaly get image from our GridFS
    db.Mongo['images'].insert({"filename": filename, "fields": fields})

    return index(images=[])

我的简单数据库模型

class db(object):
   URI = "mongodb://localhost:27017"
   Mongo = None
   FS = None

   @staticmethod
   def initialize():
       client = pymongo.MongoClient(db.URI)
       db.Mongo= client['gallery']
       db.FS = GridFS(Database.DATABASE)

所有保存均成功。

从数据库检索我的图像并尝试将其发送到客户端

@app.route('/get_all_images')
   def get_image():
   images = db.Mongo['gallery'].find({})
   # try to get just a first image _id and fing it at GridFS files
   image = db.FS.get(images[0]["fields"])
   #send to the client
   return index(images=image.read())

这是响应中显示图像的标记

    <div>
        <img src="data:image/png;base64,{{images}}" alt="">
        <div>{{images}}</div>
    </div>

最后我得到了这样的东西 enter image description here

响应如下所示:b'\x89PNG\r\n\x1a\n\x00\x00\x00\rIHDR\x00\x00\x00w\x00\x00\x00\x7f\x08\x06\x00\x00\x00\xd5j]\xe7\x00\x00\x00\x19tEXtSoftware\x00Adobe ImageReadyq\xc9e<\x00\x00\x03"iTXtXML:com.adobe.xmp\x00\x00\x00\x00\x00

问题是我无法弄清楚如何将此字节格式转换为真实图像..并将其直接从数据库显示在网页上。

我尝试做出几种变体来解决这个问题..但在某些情况下我的思想被炸毁了..而且我真的不明白如何处理它。

感谢您的宝贵时间:)

如果有人有任何建议或建议，我如何将数据库中的图像显示到客户端......

Answer 1

我做到了! :)

我自己想出了如何解决这个问题。

实际上问题出在我的回复中……在某些情况下也出在客户端。因为当我从服务器发送请求时，我以字节格式发送数据，

 print(type(image.read()))
 <class 'bytes'>

在客户那里我建议了类似二进制字符串

的东西

<img src="data:image/png;base64,{{images}}" alt="">

这是我的解决方案代码:

import codecs
base64_data = codecs.encode(image.read(), 'base64')
image = base64_data.decode('utf-8')

在客户端上，我收到了字符串，我将其粘贴到 img 标记中...并且 taddaaaa 我从数据库中获取了图像。

感谢所有尝试帮助我或找出如何解决我的问题的人。

我不确定这是否是最佳实践，但它确实有效。

附注对不起我的英语:P