Django设置media以显示图片

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})
]

参考链接

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值