显示上传的文件Django:外键

Question

如何在django1.8.4的django模板中显示上传的ProductPhoto图像？你知道吗

对于以下型号：

class Product(models.Model):
    title = models.CharField(max_length=255, null=True, blank=True)
    description = models.TextField(null=True, blank=True)

    def __str__(self):
        return self.title
    def photos(self):
        return ProductPhoto.objects.all()

class ProductPhoto(models.Model):
    photo = models.ImageField(upload_to='img/product/', null=True, blank=True)
    product = models.ForeignKey(Product, related_name='photos')

使用这些设置：

STATIC_ROOT = '/path/to/static/'
STATIC_URL = '/static/'

MEDIA_ROOT = '/path/to/media/'
MEDIA_URL = '/media/'

以及以下网址：

from django.conf.urls import include, url
from django.conf import settings
from django.conf.urls.static import static
from django.contrib import admin

urlpatterns = [
    url(r'^$', 'myApp.views.index', name='index'),
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

---

如何在此模板中显示上载的ProductPhoto对象：

{% for product in product_list %}
    <div id="some-div">
        {% for photo in product.photos.all %}
        <div class="item"><img src="{{ MEDIA_URL }}{{ photo }}"/></div>
        {% endfor %}
    </div>
{% endfor %}

我以为我在正确的轨道上：{{ MEDIA_URL }}{{ photo }}，但这是不正确的。我也尝试过{{ MEDIA_URL }}{{ photo.url }}，但都没有在模板上显示任何内容。有人能给我指出正确的方向吗？你知道吗

谢谢你的建议。你知道吗

Answer 1

以下是您需要更改的内容：

class Product(models.Model):
    title = models.CharField(max_length=255, null=True, blank=True)
    description = models.TextField(null=True, blank=True)

    def __str__(self):
        return self.title

    # this is wrong, get rid of it:
    #def photos(self):
    #    return ProductPhoto.objects.all()

class ProductPhoto(models.Model):
    photo = models.ImageField(upload_to='img/product/', null=True, blank=True)
    product = models.ForeignKey(Product, related_name='photos')

在那里您不需要MEDIA\u URL，django dev server知道如何使用它（在生产中，您需要配置apache、nginx等来服务这些）：

urlpatterns = [
    url(r'^$', 'myApp.views.index', name='index'),
] # + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

就像这样：

{% for product in product_list %}
    <div id="some-div">
        {% for product_photo in product.photos.all %}
            <div class="item"><img src="{{ product_photo.photo.url }}"/></div>
        {% endfor %}
    </div>
{% endfor %}

Answer 2

首先，删除照片模型上的photos（）方法，因为它可能会被误解为ProductPhoto对象上的相关\u名称。你知道吗

然后，只需执行以下操作：

{% for product in product_list %}
    <div id="some-div">
        {% for product_photo in product.photos.all %}
        <div class="item"><img src="{{ product_photo.photo.url }}"/></div>
        {% endfor %}
    </div>
{% endfor %}

希望有帮助