[내배캠/TIL(6/28)]FormData spring 서버에 전송

day46 TIL

day46 느낀점

오늘은 그래도 front를 조금 익혀서 그런지 속도가 붙었다. 맡은 쪽에서 쉬운 부분은 거의 끝나간다. 하지만 아직 못한 기능도 사진 여러장 처리를 하는 부분과 aws는 하지 않아 할 일이 많다. 내일도 화이팅해야지~~

FormData를 스프링 서버에 전송하는 방법

프론트에서 서버로 전송하는 코드

let form_data = new FormData() // 생성한 폼데이터에 여러 데이터를 추가
...

$.ajax({
	type: "POST",
	url: "/post/update/[[${post.postId}]]",
    data: form_data,
    cache: false,
    contentType: false,
    processData: false,
    contentType : false,
    enctype: "multipart/form-data", //**
    success: function (response) {
    ...
	}
})

전송한 데이터를 서버에서 받는 코드

@PostMapping(value = "/post/update/{postId}", consumes = {"multipart/form-data"})
    public String updatePost(@PathVariable Long postId, @ModelAttribute PostRequestDto postRequestDto) {
        postService.updatePost(postId, postRequestDto);
        return "redirect:/post/" + postId;
    }

consumes를 통해 클라이언트가 서버에게 보내는 데이터 타입을 명시한다.

전송하는 formdata에 사진을 한 장만 포함하도록 구현을 하였다. 하지만 여러장을 전송하는데도 formdata를 사용할지는 모르겠다. 더 찾아보고 그것고 아마 TIL에 작성을 할 예정이다.