带有Spring Boot的Angular6文件上传(图像)

时间:2018-10-09 07:53:53

标签: spring-boot angular6

上传角度为6的图像时出现问题。

角度:

addAvatar(username: string, file: File) {
    const headers = new HttpHeaders({
    });

    const formData: FormData = new FormData();
    formData.append('file', file, file.name);

    return this.http.post(`${this.API_URL}/addavatar/` + username, formData, {headers});
  }

Spring控制器:

@PostMapping("/addavatar/{username}")
public ResponseEntity<?> addAvatar(@PathVariable(value = "username") String username, @RequestPart(name = "file", required = false) MultipartFile file) {
    return userService.addAvatar(username, file);
}

如果我在Postman中发送请求,那么一切正常,但是如果我想在Angular中发送请求,那么我有一个404。

File Upload in Postman Response in html

1 个答案:

答案 0 :(得分:0)

邮递员URL中的

/file/似乎在Angular请求路径文字API_URL中被忽略了。这就是为什么它会发生404错误的原因。