一、功能演示
二、需求分析
用户上传头像是一个常见的功能,相信大家不会感到陌生。要实现这个功能大概有这些需求:
- 点击“上传头像”占位图片后,弹出选择本地图片的窗口
- 选择图片后,在前端页面预览
- 点击“开始上传”按钮,将图片写入用户表BLOB字段中
- 上传成功后,更新前端的当前头像
不过,就是这么一个耳熟能详的功能,实现起来比上一节的修改用户信息还是要复杂很多滴~!毕竟,上传的头像是图片文件,相当于要处理:
- 前端的文件上传
- 前端图片展示
- BLOB字段的读写操作:后台数据库中头像的字段是BLOB类型,BLOB字段的更新比其它类型的也要复杂些
三、相关代码
代码分为前端和后端部分,为了保持合理篇幅,我们这篇博客先给大家介绍后端代码部分。
1. 数据库user表新增类型为mediumblob的字段profile