Django:上传图片在media文件,点击路径,图片无法显示的问题,解决方法如下:

1.问题描述

如上图django后台已经上传了图片,当点击2.jpg想查看图片时,出错,如下图

但是我已经配置好了media的路径,为什么无法访问?经过检查和google,由于缺少步骤2的一句代码和步骤3的配置添加后问题解决,以下将从头开始重新描述配置细节,可对照检查自己的代码,是否有缺少其中的步骤。

2.解决方法(实现后台上传图片且点击图片名显示图片)

步骤一:在项目目录下新建文件夹,文件夹命名:media。然后在setting文件配置media路径与目录

注意:media文件夹与app、templates属于同一级目录

setting文件夹加入如下media路径与目录


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

步骤二:在url.py中添加路由

urlpatterns = [
    #path(r'static/(?P<path>.*)', serve, {'document_root':settings.STATICFILES_DIRS}),
    #上面注释的是static文件的路由,此处与media路由用作对比
    path(r'media/(?P<path>.*)', serve,{'document_root': settings.MEDIA_ROOT}),
]+static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

注意:+static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) 如果你配置的是static路径不需要这部分代码,但是如果配置media路由这部分代码必须添加。并且注意static和settings的引入包(路由中serve的包引入在第三行),下面为正确引入的包:

from django.conf.urls.static import static
import settings
from django.views.static import serve

注意:如果是python3引入settings时改为

 from . import settings

步骤三:settings 中配置模板的处理器

在setting.py中找到 TEMPLATES,在 'context_processors'中添加'django.template.context_processors.media',最好加上逗号

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
                'django.template.context_processors.media',

            ],
        },
    },
]

3.效果页面

猜你喜欢

转载自blog.csdn.net/M_TDM/article/details/105429046