스프링 이미지 업로드

현재 팀 프로젝트를 하는 중에

한 가지에 잠깐 주춤했는데

그게 이미지 업로드이다.

기본에는 

<input type="file" name="file []" multipart>와 같이

작성을 했는데

 

막상 글 수정  부분에서

list로 받아온 값을 어떻게 하나하나 구분하지?

MAP으로 받아와야하나?

등등을 고민하다가 

그냥 하나하나 씩 받자 라고 생각했다.

그리고 변숫값을 하나 따로 정하자라고 생각했습니다.

 

그래서 먼저 bean을 설정해주는데

맨 아래 filecheck라는 값을 bean에 설정해줍니다.

 

저 file check값은

아래 mapper에서

 

와 같이 이용됩니다.

0일 경우 이미지 등록을 안 하는 경우

1일 경우 하나 입력

2일 경우 다른 하나 입력

3일 경우 사진 2개 모두 입력

 

그리고 Dao에서  reviewinsert를 작성해줍니다.

 

그리고 service부분에서

와 같이 입력해줍니다.

먼저 MultipartHttpServletRequest는 상대 경로로 저장하기 위해서 controller에서 선언한 것인데

controller보다는 service에서 작업을 하고 싶어서 받아오도록 해놨습니다.

 

그 후, reviewbean에서 multipartfile이 null인지 아닌지 구별해주고 

list에 넣어줍니다.

그리고 filecheck를 이용해서 구분할 것이므로 filecheck에 변수를 다르게 넣어줍니다.

(굳이 변수명이 아니더라도 mapper에서 null로 구분해도 됩니다.)

 

그리고 uploadfile을 업로드하고 그에 해당하는 파일명을

String으로 받아와서 list에 전부 add 한 후,

return 해줍니다.

 

그리고 view에서

위와 같이 한 후, 작성을 해보면

 

위와 같이 잘 나오게 된다.

아직 css는 적용을 안 해서

댓글이랑 구분이 잘 안되는데

잘 작동하는 걸 확인할 수 있다.