Django：媒体图像未显示在模板中答案

【问题标题】：Django : Media Images not displayed in templatesDjango：媒体图像未显示在模板中
【发布时间】：2021-01-08 13:12:29
【问题描述】：

我正在尝试创建一个博客并为每个帖子显示图像。我正在尝试在网页上显示用户上传的图像。当我使用 Django 管理界面上传图像文件时（我使用 ImageField 为发布图像制作了模型），图像正确存储在 /media/images 中。但我无法在我的网页上显示图像。但是，当我使用 GoogleChrome 检查我的模板时，我的文件路径正常但出现 500 错误（about-us-2.jpg:1 无法加载资源：服务器响应状态为 500（Internal Server Error )。

媒体设置.py

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
STATIC_URL = '/static/'


MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'


STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'core/static'),
    )

项目 urls.py:

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


urlpatterns = [
    path('admin' , admin.site.urls),
    path("", include("authentication.urls")),
    path("", include("app.urls")),
]+ static(settings.MEDIA_URL, document_root = settings.MEDIA_ROOT)

应用 urls.py:

rom django.urls import path, re_path
from django.conf.urls import include, url

from app import views
from . import views

  

urlpatterns = [
    path('', views.index, name='home'),
    url(r'^blog$', views.blog_view, name ='blog'),
    url(r'^blog/(?P<id>[0-9]+)$', views.post_view, name ='blog_post'),
    re_path(r'^.*\.*', views.pages, name='pages'),
]

Views.py

def blog_view(request):
    query = Post.objects.all().order_by('-date')
    context = {'post_list' : query}
    return render(request, 'blog/blog.html', context)

模板：Blog.html

{% for post in post_list %}
<img src="{{ post.image.url }}" class="card-img-top rounded-top">
{% endfor %}

models.py


class Post(models.Model):
    title = models.CharField(max_length=255)
    author = models.CharField(max_length=255, blank=True)
    image = models.ImageField(blank=True, upload_to="images/")

【问题讨论】：

当你把图片路径作为 URL 放到浏览器中时，这行得通吗？

标签： django django-models imagefield

【解决方案1】：

试试这个方法：

MEDIA_ROOT = os.path.join(BASE_DIR, "APPName", "media")
MEDIA_URL = "/media/"

然后您可以在以下位置找到图片：

<img src="media/test.png">

“媒体”文件夹位于项目的主目录中（不是应用程序！）：

项目

媒体
静态
APP
- 模板
- views.py

【讨论】：