Django搭建个人博客:上传头像图片

必要的设置

图片属于一种媒体文件,它与静态文件类似,需要设置一个统一的目录,便于集中存储和访问。

这类需要框架统一设置的参数,当然应该在/my_blog/settings.py中。在底部加上:

MEDIA_ROOTMEDIA_URL是用户上传文件保存、访问的位置:

在前面的Profile中我们设置了upload_to参数。有了这个参数,文件上传后将自动保存到项目根目录的media文件夹中。 os.path.join(MEDIA_ROOT, 'media/')指定了media文件夹的位置。

MEDIA_URL代表用户通过URL来访问这个本地地址的URL。设置好这个参数后,用户就可以通过解析url,很方便的获取文件的地址。这样做的好处是避免的硬编码,让代码更容易维护。

Django框架擅长的是对逻辑的处理,而对图片这类文件的处理则非常的耗时。因此在实际的生产环境中(即产品上线之后),通常是有专门的Web服务器来处理文件的访问。

而在开发阶段我们不会在意效率问题,所以Django也提供了方法,让开发服务器能够处理图片。

在/my_blog/urls.py添加下面的语句:

这样就为以后上传的图片配置好了URL路径。

编写MTV

回顾一下,avatar的字段已经在上一章写好了:

upload_to指定了图片上传的位置,即/media/avatar/%Y%m%d/。%Y%m%d是日期格式化的写法,会最终格式化为系统时间。比如说图片上传是2018年12月5日,则图片会保存在/media/avatar/2018205/中。

注意ImageField字段不会存储图片本身,而仅仅保存图片的地址。

记得用pip指令安装Pillow。

表单类在前面也写好了,不用修改:

接着需要修改视图,使之能够对图片进行处理:

表单上传的文件对象存储在类字典对象request.FILES中,因此需要修改表单类的参数,将它一并传递进去。

如果request.FILES中存在键为avatar的元素,则将其赋值给profile.avatar(注意保存的是图片地址);否则不进行处理。

修改模板文件,添加代码显示、处理用户的头像:

模板语法{% if ... %}判断用户是否上传头像。

<img>标签用于显示图片内容;在style属性中规定了图片的最大宽度并带有一点的圆角。

注意,表单必须设置enctype="multipart/form-data"属性,才能够正确上传图片等文件。

添加<input type="file" ...>标签用于上传图片。

启动服务器,刷新用户信息页面:

点击选择图片,上传一张图片后点击提交

查看一下项目目录,生成了新的文件夹media/avatar/20181205/,其中存储了该头像文件;在SQLiteStudio中查看avatar字段,其保存的是文件的url地址。

除了上传,图片的处理还包括验证格式、改变尺寸、更名、裁剪、美化等多种多样的需求。

如果上传的图片重名,会导致报错吗?请试试看。

更改图片仅仅会改变字段中存储的url,并不会真正删除图片本身。因此在处理大容量文件时要小心,需要额外的方法进行清理。

猜你喜欢

转载自blog.csdn.net/qq_40925239/article/details/88739969