Django : Display uploaded image with media

Question

我想在我的模板中显示每个对象的上传图片。我遇到了一个问题，因为当我点击 picture url 时，media 路径出现错误。

我的模型中有:

class Publication(models.Model):
    ...
    cover = models.ImageField(upload_to='media/', verbose_name=_('cover page'))

然后，我在我的设置部分:

MEDIA_URL = 'media/'
MEDIA_ROOT = BASE_DIR + '/myapp/'

现在，在我的模板文件中，我显示这样的图片:

{% if item.cover %}
    <td>
        <a href="{{item.cover.url}}" target="_blank">
            <img class="glyphicon glyphicon-home" src="{{item.cover.url}}" alt="{{item.cover}}">
        </a>
    </td>
{% else %}
    <td></td>
{% endif %}

模板页面 url 为:http://localhost:8000/crud/publication/list/ 当我点击我的图片链接时，我得到:http://localhost:8000/crud/publication/list/media/media/couverture_qZQKLED.jpg

这是错误的，我应该得到:

http://localhost:8000/media/couverture_qZQKLED.jpg

然后，我想用字形替换可见元素。

你能帮帮我吗？

在我的 urls.py 文件中，我有:

if settings.DEBUG:
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

Answer 1

settings.py 中媒体文件的正确配置

# Media files, uploaded by user
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'

模板

<a href="{{item.cover.url}}" target="_blank">
    <!-- An alt tag in span makes no sense, so you can use title tag if you want. -->
    <span class="glyphicon glyphicon-home" title="{{item}}"></span>
    <!-- OR show item's str inside span -->
    <span class="glyphicon glyphicon-home">{{item}}</span>
</a>