Spring Boot 项目如何实现上传头像功能 + “小红书“ 项目案例

目录

目录

设计思路

效果展示

​编辑

分析

前后端交互接口

请求

响应

代码实现和详细注释

数据库设计

自定义资源映射（方式一）

自定义资源映射（方式二）

前后端交互

客户端开发

服务器开发

小红书上传头像案例（踩坑！）

---

设计思路

---

效果展示

分析

实现这个功能只要弄清楚以下几点即可：

1. 怎么将头像数据发送给服务器，设定怎样的数据类型？我们可以使用 form 表单将数据进行发送，表单设定格式为 enctype="multipart/form-data"（这也是为什么不直接用 ajax 请求后端，因为 ajax 发送请求的数据格式很难设置成这个数据格式），使用 type="file" 的 input 控件并搭配 type="submit" 的 input 控件来实现用户头像的上传。
2. form 表单提交数据后，怎么接收服务器的响应？使用 FormData 对象来控制 form 表单，通过  FormData 对象的 append 方法即可将 input 控件中的头像数据保存到 FormData 对象中ÿ