Vue + Spring Boot 项目实战（十）：图片上传与项目的打包部署（学习笔记10）

一、图片上传

1.前端部分

 

2.后端部分

后端主要解决如下两个问题：

• 如何接收前端传来的图片数据并保存
• 如何避免重名（图片资源的名字很可能重复，如不修改可能出现问题）

首先，在后端新建 utils 包，创建一个工具类 StringUtils 并编写生成指定长度随机字符串的方法：

然后在 LibraryController 中添加 PostMapping：

 采坑记录

1.没有上传按钮（已解决）

少添加了这个 commponents 组件

2.这里遇到一个BUG，页面无法显示封面

3. 上传页面的上传文件不会因为关闭窗口而清理掉，下次进入时文件还在组件里面。。 （解决）

4.

 

二、部署项目到服务器

没什么问题