如何在 Django 模板中显示 couchdb 图像附件

Question

我正在将 couchdb-python 与 Django 一起使用。我正在寻找一种在模板中显示图像（作为文档附件存储在数据库中）的方法。奇怪的是，我在网上找不到任何关于如何执行此操作的示例。

目前，在views.py中我有这样的内容：

def displaypage(request,id):
    docs = SERVER['docs']
    try:
        doc = docs[id]
    except ResourceNotFound:
        raise Http404
    ...
    attachments = doc['_attachments']['someimage.jpg']
    ...
    text_marked_down = markdown.markdown(doc['text'])
    return render_to_response('couch_docs/display.html',{'row':doc,'attachments':attachments,'doctext':text_marked_down,...},context_instance=RequestContext(request))

然后，在模板display.html中：

{% extends 'site_base.html' %}

{% block wrapper %}
{{ attachments }}
<div>{{ doctext|safe }}</div>
{{ endblock }}

我看到文本很好，但对于图像我只看到以下内容： {u'stub':True, u'length':27018,u'revpos':19,u'content_type': u'image/jpeg'}

所以，显然我没有传递实际图像，或者没有正确显示它反正。奇怪的是，我在网上找不到如何实际执行此操作的示例。谁能给我指出一个，或者在这里提供吗？

Answer 1

您正在使用模板引擎来呈现 HTML 文档。该文档将由 Web 浏览器解释，就像任何其他 HTML 文档一样。

考虑一下 HTML 页面如何包含图像。图像永远不会内嵌在 HTML 文档本身中。 HTML 页面包含一个引用，指示浏览器单独加载图像并将其显示在适当的位置。

<img src="/path/to/image" />

因此，同样，您将需要：

• 创建一个单独的视图，仅返回图像的二进制数据。适当设置 mime 类型。请参阅 http://effbot.org/zone/django-pil.htm 了解一些想法如何返回图像，但在您的情况下将响应的内容设置为您的图像内容。
• 添加 标记到调用您创建的新视图的模板。

Answer 2

一旦你深入你的数据库，你可能需要考虑构建每个文档附件的 URL，如下所示：

def function():

    couch = couchdb.Server()    #connect to server
    db = couch['img']         #connect to database which contains docs with img attachments
    doc_id = []                #create list of id's
    http_docid = []            #create list to populate href for picture path

    for i in db:                #for each id in the db
        doc_id.append(i)       #add to the carid list
        doc = db[i]             #get the document id
        for key in (doc['_attachments']):   #for the key in the doc '_attacments' payload
            print key #just to confirm
        href_docid.append(('http://yourdbDomain/dbname/'+i+'/'+key))  #create a uri and append to a list
    return href_docid     

下面我使用 Jinja2 的模板：

     {% for img in function() %}

      <img class="some-class" src="{{ img }}">

     {% endfor %}

希望这被证明是有用的！