p6-day14 作业

用户头像的上传

在前端项目中实现上传用户的头像

1. 后端接口

1. 后端定义用户头像的模型类，具体字段如下：
   user, 当前用户， 外键；
   avatar， 头像的静态路径

2. 实现用户头像的上传功能，路由/users/up_avatar/

3. 对上传图片的请求，进行单独的token认证， 只有认证通过，才允许上传图片。

4. 图片存储到服务端的/static/images/users目录下

5. 存储完成后，返回响应中携带图片的静态路径

6. 实现 增加 用户图片 的视图集，并注册路由users/avatar， 注意添加头像时，不能重复添加

2. 前端接口

1. 点击头像，弹出一个对话框，在对话框内部选择图片，进行上传；用户信息及图片地址存入UserForm 对象中。

2. 要求正确配置el-upload的相关属性

3. 上传成功后，设置图片的静态路径（即UserForm.avatar属性），便于表单的提交。

4. 实现表单的提交，添加用户头像。

上传头像到七牛云

以上功能实现后，修改el-upload的上传地址，实现头像上传到七牛云存储空间。

展示头像时，从七牛云加载用户的头像。