springboot+vue提交有照片的表单

在Spring Boot结合Vue中提交带有照片的表单可以通过以下步骤实现：

1. 在Vue的前端页面中，使用`<input type="file">`标签添加一个文件选择输入框，用于选择需要上传的照片。
2. 在Vue的组件中，使用FormData对象创建一个表单数据对象，将需要提交的表单数据以及照片文件添加到这个对象中。例如：

let formData = new FormData();
formData.append('name', this.username);
formData.append('photo', this.selectedPhoto);

这里`this.username`是表单中输入的用户名，`this.selectedPhoto`是用户选择的照片文件。
3. 使用Vue的`axios`实现HTTP POST请求，将FormData对象作为请求体发送给后端。例如：

axios.post('/api/submit', formData, {
  headers: {
    'Content-Type': 'multipart/form-data' // 设置请求头为multipart/form-data
  }
})
.then(response => {
  console.log(response.data);
})
.catch(error => {
  console.error(error);
});

这里假设后端接口为`/api/submit`。
4. 在Spring Boot后端的Controller中，接收前端发送的请求，并获取表单数据和照片文件。使用`@RequestParam`注解接收表单数据，使用`@RequestParam("photo") MultipartFile photo`注解接收照片文件。例如：

@PostMapping("/api/submit")
public void submit(@RequestParam String name, @RequestParam("photo") MultipartFile photo) {
  // 处理表单数据和照片文件
}

可以根据业务需要在后端进行相应的处理，例如将照片保存到服务器或数据库中。

以上就是使用Spring Boot和Vue提交带有照片的表单的基本步骤。具体实现还需要根据实际需求进行调整和完善。