Django：媒体文件未显示在模板中

问题描述

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

媒体设置.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")),include("app.urls")),]+ static(settings.MEDIA_URL,document_root = settings.MEDIA_ROOT)

应用 urls.py：

from 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'),]

视图.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/")

当我检查 google chrome 控制台时，我注意到我的开发服务器试图将我的 jpg 文件读取为 txt 文件，我认为我的问题与此异常有关。有人知道如何解决我的问题吗？

解决方法

你可以这样做

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'),)