Question

大家好，我是Python的新手。所以我有一个困惑的问题。我需要将图像存储在数据库中，之后我必须在客户端显示每个图像。我正在使用Flask进行休息请求。

所以我在这里提交了简单的marckup for submitind

<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)

所有保存都成功。

从数据库中恢复我的图像并尝试在clietn上发送

@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 \ 0x7F部分\ X08 \ X06 \ X00 \ X00 \ X00 \ xd5j] \ xe7 \ x00 \ x00 \ x00 \ x19tEXtSoftware \ x00Adobe ImageReadyq \ xc9e＆lt; \ x00 \ x00 \ x03“iTXtXML：com.adobe.xmp \ x00 \ x00 \ x00 \ x00 \ x00

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

我尝试制作几种变体来解决这个问题..但在某些方面我的思绪如何爆炸......我真的不知道如何使用它。

感谢您的时间：）

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

Answer 1

我做到了！ :) 我弄清楚如何自己解决这个问题。

实际上，问答是在我的回答中......在某些情况下也是在客户方面。因为当我从服务器发送请求时，我以 byte 格式发送数据，

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

在客户端我建议使用 binnary string

之类的东西

<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.S。对不起我的英文：P

无法显示来自GridFS，PyMongo

1 个答案: