今天我们学习一下Django上传图片的知识
1、 准备工作
a) 配置:在settings.py文件中加入一下配置,用来存放我们上传的图片
MEDIA_URL = ‘/media/’
MEDIA_ROOT = os.path.join(BASE_DIR,’media’)
b) 上传控件:我选择了bootstrap-fileinput
在页面加载相应的css,js,这里面用到了bootstrap相关的字体文件也要一并加入到项目中对应的目录中。这里用到了模板页相关知识。相关css.js文件如下
Django Web(二)
Django Web(二)
我的静态文件目录如下:
Django Web(二)
c) 由于我这个上传要对图片进行一些操作,所以要安装一些图片处理的第三方模块我用的是Pillow

2、 开始我们的工作
a) ManageSite app下的urls.py加入url
Django Web(二)
b) ManageSite app下的views.py加入相应的方法
Django Web(二)
c) ManageSite app下models.py加入新的model并且更新上一篇文档讲到的user
Django Web(二)
d) 在media文件夹下添加三个子目录分别存放原图、缩略图、虚化图(文件夹目录如下)
Django Web(二)
e) 模板页面编写
Input标签
Django Web(二)
Js渲染并添加提交方法
Django Web(二)

f) 具体保存图片的方法
Django Web(二)
g) 同时保存到数据库
Django Web(二)

3、 页面展示
初始页面:
Django Web(二)
选择图片:
Django Web(二)
上传成功:

Django Web(二)

相关文章:

  • 2021-06-10
  • 2021-06-29
  • 2022-12-23
  • 2022-12-23
  • 2021-11-03
  • 2022-12-23
  • 2022-12-23
  • 2021-04-23
猜你喜欢
  • 2022-12-23
  • 2021-12-26
  • 2021-12-09
  • 2021-10-07
  • 2022-01-08
  • 2021-11-10
  • 2021-06-19
相关资源
相似解决方案