Django读取图片

柔情只为你懂 2022-02-28 00:04 273阅读 0赞

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

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

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

因为，在用户上传成功后，图片的位置如下所示  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2plZWttYXJ5_size_16_color_FFFFFF_t_70 1]

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

但是在这里不能这样读取，我们要做以下配置  
1，[配置setting.py][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属性中即可

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2plZWttYXJ5_size_16_color_FFFFFF_t_70]: /images/20220228/a6362a9a23ad4350a73221586b8f9683.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2plZWttYXJ5_size_16_color_FFFFFF_t_70 1]: /images/20220228/d63f694d0c704665a127fd1c1500e45b.png
[setting.py]: http://xn--setting-hh6sw00k.py