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': [
#...
'django.template.context_processors.media',
],
},
},
]
到这一步,仍然不能显示图片,在网页源代码中可以看到有图片的地址。但是仍然需要在 urls 中配置图片地址的路由,让 Django 知道到那个地方去取回图片。
4. urls 配置
需要引入一个方法处理静态文件
from django.views.static import serve
另外需要从 settings 中引入设置好的 media 目录地址 MEDIA_ROOT
from MxOnline.settings import MEDIA_ROOT
最后在 url 中配置完整如下
# -*- coding:utf-8 -*-
from django.views.static import serve
from MxOnline.settings import MEDIA_ROOT
urlpatterns = [
# 处理 media 信息,用于图片获取
url(r'^media/(?P<path>.*)', serve, {"document_root":MEDIA_ROOT}),
]
至此就可以显示出来图片。