作者：铥铥宇900 | 来源：互联网 | 2023-09-11 13:48
问题描述我后端用springboot做的前端用的antd-design-vue上传文件，通过多次尝试都以失败告终，不知道问题怎么解决，请高手高手思路，谢谢。。。。
问题描述
我后端用springboot做的前端用的antd-design-vue上传文件，通过多次尝试都以失败告终，不知道问题怎么解决，请高手高手思路，谢谢。。。。
问题出现的环境背景及自己尝试过哪些方法
目前出现的错误是415 Unsupported Media Type
相关代码
// 请把代码文本粘贴到下方（请勿用图片代替代码）
我后端的代码如下
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| @RequestMapping(path = "/uploadimage",cOnsumes= "multipart/form-data",produces = "application/json;charset=utf-8")
public JsonDTO FileUpload(@RequestParam("file") MultipartFile uploadimage){
System.out.println("我是upload方法");
System.out.println(uploadimage.getOriginalFilename());
JsonDTO jsOnDTO= new JsonDTO();
String oldName = uploadimage.getOriginalFilename();
String newName = IDUtils.genImageName();
newName = newName + oldName.substring(oldName.lastIndexOf("."));
String filePath = new DateTime().toString("/yyyy/MM/dd");
String imageurl = baseUrl + filePath + "/" + newName;
jsonDTO.setJsonDTO(true, ExceptionEnum.SYSTEN_FILE_UPLOAD_SUCCESS.getMsgcode(),ExceptionEnum.SYSTEN_FILE_UPLOAD_SUCCESS.getMsgdesc(),imageurl);
return jsonDTO;
} |
前端调用的方法如下
1
2
3
4
5
6
7
8
9
10
11
12
| uploadImage(){
this.$http.post('api/uploadimage',{
headers: {
'Content-Type': 'multipart/form-data',
'charset':'utf-8'
}
}).then(respOnse=>{
this.data = response.data.data
}).catch(error =>{
console.log(error)
})
} |
京公网安备 11010802041100号