[SPRING] 봄 부팅 + 각형 파일 업로드가 동일한 파일을 두 번 업로드 할 수 없음
SPRING봄 부팅 + 각형 파일 업로드가 동일한 파일을 두 번 업로드 할 수 없음
네트워크의 크롬 오류
{ timeStamp: ......, status: 400
error: 'Bad Request',
message: 'Required request part 'file' is not present'
path: 'url as hosted on Tomcat'
}
Spring 부트 Controller.java 파일
@PostMapping("/Post")
public ResponseEntity<String> handleFileUpload(@RequestParam("file")
MultipartFile file){ String Message=""; try .......(and so on)}
내 각 구성 요소
<form [formGroup]="uploadForm" (ngSubmit) = "onSubmit()">
<input type="file" id="selectFile" formControlName="file1" name="selectFile"
(change)="fileEvent($event)"/>
<input type="submit" name="Submit"/>
</form>
Component.ts 파일
fileEvent(e) {
this.data = e.target.files[0];
}
omSubmit() {
let headers: any = new Headers();
headers.append('Content-type', 'undefined');
let formData = new FormData();
formData.append("selectFile", this.data);
const req5 = new HttpRequest('POST', 'url as hosted on TOMCAT', formData,
reportProgress: true,
responseType: 'text'
});
return this.httpClient.request(req5).subscribe(e => {(
console.log(e);
)}
}
실수는 어디에서 했습니까?
해결법
-
==============================
1.이:
이:
formData.append("selectFile", this.formData);
그 :
formData.append("file", this.formData);
원인
public ResponseEntity<String> handleFileUpload(@RequestParam("file")
-
==============================
2.컨트롤러의 Param 주석은 file이라는 필드를 찾습니다.
컨트롤러의 Param 주석은 file이라는 필드를 찾습니다.
selectFile을 file로 변경하면 문제가 해결됩니다.
formData.append("file", this.formData);
매개 변수 이름은이 점에서 중요합니다. Java 및 Angular에서 동일해야합니다.
from https://stackoverflow.com/questions/54462480/spring-boot-angular-file-upload-unable-to-upload-same-file-twice by cc-by-sa and MIT license
'SPRING' 카테고리의 다른 글
[SPRING] Spring ApplicationListener가 2 개 이상의 이벤트 유형을 수신 할 수있게 할 수 있습니까? (0) | 2019.05.05 |
---|---|
[SPRING] 봄의 흐름이없는 봄의 얼굴들 (0) | 2019.05.05 |
[SPRING] Http Response에 헤더를 추가하기 위해 Spring MVC의 Http Status 코드를 기반으로한다. (0) | 2019.05.05 |
[SPRING] 스프링 컨트롤러에서 json 응답을 어떻게 보낼 수 있습니까? (0) | 2019.05.05 |
[SPRING] @PathVariable을 사용하여 spring-data-rest 검색 방법 경로를 구성하는 방법 (0) | 2019.05.05 |