Django2之media配置上传显示图片

1、项目下创建meaid目录，并将其设置为根目录

文件夹------>右击------->Make Directory as------>Sources Root

2、settings中进行配置

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',
            ],
        },
    },
]
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR,'media')

3、urls中进行配置

from django.urls import path,include,re_path
from django.views.static import serve
from eduproject.settings import MEDIA_ROOT

urlpatterns = [
    # 处理 media 信息，用于图片获取
    re_path(r'^media/(?P<path>.*)', serve, {"document_root":MEDIA_ROOT}),
]

4、models中配置上传图片

class UserInfo(models.Model):
    image = models.ImageField(upload_to='user/',max_length=200,verbose_name="头像")

5、前台展示

<img width="100" height="100"  data-url="{{ MEDIA_URL }}{{ user.image }}"/>