Django设置media以显示图片

最新推荐文章于 2024-09-24 22:39:58 发布

莫尔索随笔

最新推荐文章于 2024-09-24 22:39:58 发布

阅读量1k

点赞数

分类专栏： Django

Django 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

1. settings 设置

Django 通过后台（admin 或 xadmin）上传图片之前，需要设置 media 路径与文件夹。

主要处理 ImageField字段，这里 upload_to 中，%Y 表示年，%m 表示月。

class CourseOrg(models.Model):
    image = models.ImageField(default='', upload_to='org/%Y/%m', verbose_name='logo', max_length=100)

在项目目录下新建文件夹，名叫 media，并在 settings 中设置 media 路径与目录。

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

2. 模板中图片地址

如何把 ImageField 转化成图片地址？

首先，ImageField 存储方式就是字符串，是图片的相对路径地址。{{ course_org.image }} 是相对路径，还需要在前面加上 settings 中配置的 MEDIA_URL，可以写成

![]({{ MEDIA_URL }}{{ org.image }})

3. settings 中配置模板的处理器

在 TEMPLATES 中 OPTIONS 中的 context_processors 中需要加上'django.template.context_processors.media'。

这个从 Django 1.8 之前是 'django.core.context_processors.media'，现在 Django 1.11
开始，context_processors.media 从 core 更换为指导 template。

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')]
        ,
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                # 将MEDIA_URL注册到html中
                'django.template.context_processors.media',
            ],
        },
    },
]

到这一步，仍然不能显示图片，在网页源代码中可以看到有图片的地址。但是仍然需要在 urls 中配置图片地址的路由，让 Django 知道到那个地方去取回图片。

4. urls 配置

最后在 url 中配置完整如下

from django.views.static import serve
from .settings import MEDIA_ROOT
from django.urls import path, re_path  #导入re_path

urlpatterns = [
    # 处理 media 信息，用于图片获取
   re_path('media/(?P<path>.*)',serve,{"document_root":MEDIA_ROOT})
]

参考链接