在mongo db中显示django web app中的图像

时间:2015-10-09 10:03:07

标签: python html django mongodb pymongo

我正在尝试在mongodb的django html网页中显示图像。 我使用gridfs以及vendor_id作为额外值在mongodb中保存图像。 然后我检索它们像:

my models.py:

def getImages(self, vendor_id):
    img_name = []
    img_ids = []
    images = []
    for each in self.files.find({'vendor_id':vendor_id}):   ####self.files is a variable which store value db['fs.files']
        img_ids.append(each['_id'])
        img_name.append(each['name'])

    for iid in img_ids:
        images.append(self.gfs.get(iid).read())

    return images

my views.py:

def vendorData(request):
    vendors = Vendors()
    if request.method == 'GET':
        vendor_id = request.GET.get('vendor_id')
        if vendors.checkValidVendorId(vendor_id) == False:
            return HttpResponse('Invalid Vendor Id.')
        else:
            vendor_details = vendors.getVendorDetails(vendor_id)
            vendor_name = vendor_details[0]
            restaurant_name = vendor_details[1]
            images = vendors.getImages(vendor_id)
            context_dict = {'vendor_id':vendor_id,
                            'vendor_name':vendor_name,
                            'restaurant_name':restaurant_name
                            'images':images}
            return render(request, 'vendor_data.html', context_dict)

我将多个图像的二进制数据传递给列表中的views.py. 如何在django网页上显示这些数据?

注意:我可以暂时保存这些图像。但有没有其他方法可以显示这些图像而不保存?

1 个答案:

答案 0 :(得分:3)

您可以使用“数据”uri格式,它允许您将图像作为base64编码的字符串传递。当然,您需要先在getImages函数中对图像进行编码:

for iid in img_ids:
    images.append(base64.b64encode(self.gfs.get(iid).read()))

在模板中,您可以直接输出数据:

{% for image in images %}
    <img src="data:image/png;base64,{{ img }}">
{% endfor %}

(显然,用jpg或其他任何东西替换png)。