Django读取图片

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

Django读取图片_第1张图片
用户在点击这里上传图片的时候,我们再后台上传的位置是这样写的

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

因为,在用户上传成功后,图片的位置如下所示
Django读取图片_第2张图片

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

  <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.*)', serve, {"document_root": MEDIA_ROOT})

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

        <img width="200" height="120" class="scrollLoading" data-url="{{ MEDIA_URL }}{{ course_org.image }}"/>

你可能感兴趣的:(django)