VUE+springboot,同时上传多个图片

362 阅读1分钟

VUE代码

	    let formData = new FormData();
        formData.append("content",“上传图片的同时也可以传正常的参数” );
        formData.append("file", 图片路径,图片名称));
        formData.append("file", 图片路径,图片名称));
        axiosExport(url地址,formData)

axiosExport方法

const axiosExport = (url地址, data) => {
  axios({
    method: "POST",
    url: url地址,
    headers: {
      'Content-Type': "multipart/form-data",
    },
    data: data,
    params: data
  })
}

后端代码

 
    @PostMapping("/demo/export")
  	public void export(@RequestParam("file") MultipartFile[] file,  @RequestParam("content") String content {
	}