django ImageField link 未显示在 html 模板中

Question

我可以通过管理面板重定向到上传的图片，但我无法在页面上加载它。在 HTML 源代码中，它看起来像这样：

<img src="" height = "200" with = "200" />

所以这是我的代码：

models.py:

class Profile(models.Model):
    user = models.ForeignKey(User)
    avatar = models.ImageField(upload_to='images/users/', verbose_name='Аватар', default = 'images/users/ava.gif/')

urls.py:

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

from mainpage.views import *

urlpatterns = [
    #other urls
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) + staticfiles_urlpatterns()

settings.py:

MEDIA_ROOT = 'C:/<<path to django app dir>>/media'
MEDIA_URL = '/media/'

模板：

{% block content %}
    <body>
        <h1>{{ user.username }}</h1>
        <img src="{{ MEDIA_URL }}{{ profile.avatar.url }}" height = "200" with = "200" />
        <p>
            <ul>
                <li>email: {{ user.email }}</li>
            </ul>
        </p>
    </body>
    {% endblock %}

非常感谢您的帮助。

Answer 1

首先要做的是检查您的代码生成的 HTML。

我认为您不需要 {{ MEDIA_URL }}，因为如果您的媒体设置正确，profile.avatar.url 应该包括完整的 url。

<img src="{{ profile.avatar.url }}" height = "200" with = "200" />

django ImageField link 未显示在 html 模板中

django ImageField link doesn't show in html template

python

django

profile