Django后端上传图片并通过前端显示

PY123456PY123456

已于 2022-06-16 09:24:12 修改

阅读量2.9k

点赞数 2

文章标签： django python 后端

于 2022-06-16 09:16:39 首次发布

本文链接：https://blog.youkuaiyun.com/PY123456PY123456/article/details/125309383

版权

本文介绍了如何在Django后端使用ImageField上传图片，并在前端展示。内容包括安装pillow插件，配置settings.py，创建Storage.py，修改models.py，更新前端img标签src属性以及调整项目url配置。成功操作后，图片会存储在media文件夹并能在前端正确显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

后端上传图片

😑FileField: 上传文件字段

参数	说明
upload_to = ""	上传文件的保存路径如：upload_to = "uploads/%Y/%m/%d/“

😑ImageField: 继承于FileField，对上传的内容进行校验，确保是有效的图片

参数	说明
upload_to = ""	上传文件的保存路径如：upload_to = "uploads/%Y/%m/%d/“
storage = None	存储组件，默认django.core.files.storage.FileSystemStorage
width_field = None	上传图片的高度保存的数据库字段名（字符串）
height_field = None	上传图片的宽度保存的数据库字段名（字符串）

第一步安装pillow这个插件

pip install pillow

第二步在settings.py中配置如下：

# 设置上传的图片保存的路径
MEDIA_ROOT = os.path.join(BASE_DIR, 'media').replace('\\'

最低0.47元/天解锁文章