Django 在带有 HttpResponse 的模板中使用 {{ MEDIA_URL }}

Question

我正在尝试在我的模板标签中使用 {{ MEDIA_URL }}。这是我的html代码：

<li data-ng-repeat="image in pictures[currentCat]">
    <a>
        <img src="{{ MEDIA_URL }}{$ image.imgs $}" />
    </a>
</li>

我将 json 发送到一个 js 并在 AngularJS 中使用它

$http.get("imagelist/").success(function(data) {
      $scope.pictures=data;
});

我已将此部分添加到我的setting.py：

TEMPLATE_CONTEXT_PROCESSORS = (
  "django.contrib.auth.context_processors.auth",
  "django.core.context_processors.media",
)

现在this answer 建议这样做

from django.template.context import RequestContext

context = {'latest': p}
render_to_response('Question/latest.html',
                   context_instance=RequestContext(request, context))

但我使用的是HttpResponse，但它不适用于我的代码。

def getimagelist(request):
    dictionaries=[]
    for cat in Category.objects.all():
        dictionary=[obj.as_json() for obj in Gallery.objects.filter(cat_id=cat.id)]
        dictionaries.append(dictionary)
    return HttpResponse(json.dumps(dictionaries), content_type='application/json')

我的问题是在使用HttpResponse 时如何在我的代码中使用{{ MEDIA_URL }}？

目前它在我的 html 中显示为空白。 谢谢

Answer 1

原来我不需要这些。由于我使用 nginx 来处理我的网站，因此我只是将媒体路径添加到 nginx 位置

location /media/ {
               autoindex on;
               alias mysitepath/media/;
          }

并像这样更改了我的 html 代码

<img src="/media/{$ image.imgs $}" />

所以现在一切正常

Answer 2

您没有在响应的上下文中传递 MEDIA_URL 变量。你应该这样做：

from django.conf import settings
data = {'pictures': dictionaries, 'mediaUrl': settings.MEDIA_URL}

HttpResponse(json.dumps(data), content_type='application/json')

在您的角度代码中：

$http.get("imagelist/").success(function(data) {
      $scope.pictures = data.pictures;
      $scope.mediaUrl = data.mediaUrl;
});

在你的模板中

<img src="{$ mediaUrl $}{$ image.imgs $}" />

这样，媒体 url 从您的设置传递到您的 Angular 应用程序并加载到 Angular 模板中（尽管所有这些都可以使用更好的命名，但您明白了）。