springboot vue文件无法上传
postman测试后端能上传
后端
@PostMapping(value = "/upload")
public void uploadFile(@RequestParam("files") MultipartFile files) throws IOException, InterruptedException {
if (files.isEmpty()) {
// return "未选择文件";
}
String filename = files.getOriginalFilename();
String path = "C:\\Users\\x\\Desktop\\";
System.out.println(path+""+filename);
files.transferTo(new File(path+filename));
System.out.println("====================执行完==============================");
}
前端
<a-upload
style="margin-left: 30px"
name="file"
:multiple="true"
:headers="headers"
@change="handleChange"
>
<a-button> <a-icon type="upload" /> 上传</a-button>
</a-upload>
// 上传文件
handleChange(res){
this.files = res.files
var formData = new FormData()
formData.append('files', res.files)
getBackupUpload(formData).then((res) => {
if (res.code === 200) {
this.prompt = '正确文件'
this.status = true
} else{
this.prompt = res.message
this.status = false
}
})
},
/**
* 上传
*/
export function getBackupUpload(files) {
return axios({
url: 'main/selectBackup/upload',
method: 'post',
headers: {
'content-Type': 'multipart/form-data'
},
data: files
})
}
会报错 Required request part ‘files‘ is not present