//上传
export function upload(data) {
return request({
url: "/mock/upLoadImg",
method: "post",
data: data,
headers:{'Content-Type':'multipart/form-data '} //set header
})
}```
ele组件
:http-request="uploadResourceRequest"
let formData = new FormData();
formData.append('file', param.file)
formData.append('size', param.file.size)
if (param.file.size > 10 * 1024 * 1024) {
this.$message.error('文件大小不能超过10M');
return
}
console.log("formData");
console.log(formData.get('size'));
console.log(formData.get('file'));
//通过接口获取
upload(formData).then(res => {
console.log(res);
}
springboot接受
@PostMapping("/upLoadImg")
@ResponseBody
public String upLoadImg(@RequestParam("file") MultipartFile multipartFile) throws IOException {
return upLoadFileService.uploadImg(multipartFile);
}
通过vue+ele组件上传图片springboot
于 2022-12-29 14:53:45 首次发布