Django读取图片

django这是一个很强大框架,但是里面的内容我们很难完全弄清楚,经常会遇到一些奇怪的问题,今天我们主要介绍的是在网页上加载动态图片,所谓的动态图片也就是用户上传的照片,并非静态的。

在这里插入图片描述
用户在点击这里上传图片的时候,我们再后台上传的位置是这样写的

    image = models.ImageField(upload_to="org/%Y/%m", verbose_name="封面图")

因为,在用户上传成功后,图片的位置如下所示
在这里插入图片描述

那么我们这里的图片,怎么读呢,我们之前在读取静态图片的时候是这样的

  <dt><img width="80" height="80" src="{% static "images/zwj.png" %}"/></dt>

但是在这里不能这样读取,我们要做以下配置
1,配置setting.py

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',
                # python3 django2.0的写法,低版本不是这样写的
                'django.template.context_processors.media',
            ],
        },
    },
]

#这个目录就是文件上传的地址位置,只要能上传图片,这里肯定是配置了
MEDIA_URL = '/media/'
# 相当于加载到根搜索目录
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

2,url中配置

from django.views.static import serve
# 这里也就是说图片放问的地址,将地址获取到,并将MEDIA_ROOT传递进去
re_path('media/(?P<path>.*)', serve, {"document_root": MEDIA_ROOT})

3,前台配置
在前台,我们将地址拼接,放在data-url属性中即可

        <img width="200" height="120" class="scrollLoading" data-url="{{ MEDIA_URL }}{{ course_org.image }}"/>
  • 2
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值