springboot+vue前端怎么获取上传文件的路径

你可以在前端代码中使用FormData对象创建一个表单，并通过ajax请求发送至后端，代码示例如下：

//HTML页面
<form>
  <input type="file" id="file"/>
  <button type="button" onclick="upload()">上传文件</button>
</form>

//JavaScript代码
function upload() {
  let formData = new FormData();
  //获取选择的文件
  let file = document.getElementById("file").files[0];
  formData.append("file", file);
  //发送ajax请求
  axios.post("/api/upload", formData).then(res => {
    console.log(res.data);
  })
}

在后端代码中使用MultipartFile对象接收上传的文件，并通过getOriginalFilename()方法获取原始文件名，代码示例如下：

@RestController
@RequestMapping("/api")
public class FileController {

  @PostMapping("/upload")
  public String upload(@RequestParam("file") MultipartFile file) {
    String originalFilename = file.getOriginalFilename();
    System.out.println("原始文件名：" + originalFilename);
    //处理文件上传逻辑
    return "上传成功";
  }
}