Spring Naver Editor 이미지 업로드

스프링에서 네이버 에디터 이미지 첨부할 때 jsp에서 처리하는 대신에

 

서버를 통해서 이미지를 첨부하는 방법이 있습니다.

 

sUploadURL 수정

 

attach_photo.js 파일 html5Upload 함수의 이미지 업로드 경로(sUploadURL)를 서버(/uploadEditorImg.do)로 수정합니다.

 

이미지 업로드 컨트롤러

 

클라이언트의 이미지 업로드 요청을 컨트롤러가 받아서 서비스로 전달한 뒤

 

이미지 저장 경로를 response 객체로 출력합니다.

 

이미지 업로드 서비스

 

컨트롤러부터 이미지 업로드 요청을 서비스가 처리합니다.

 

해당 서비스 코드를 간략히 설명하면

 

먼저 이미지 확장자를 검사합니다.(29~44라인)

 

try-resource를 통해 이미지를 서버 특정 경로에 저장합니다.(45~56라인)

 

서버에 저장된 이미지 경로를 리턴하는데, 이 경로는 이미지 업로드가 끝나고 난 후 img 태그로 접근하는 경로입니다.(58~63라인)

 

이미지 업로드 화면

 

코드를 수정한 뒤 네이버 에디터에서 이미지를 업로드 완료한 화면입니다.

 

기존 jsp에서 이미지 업로드 처리하는 것은 이미지 저장 경로가 노출될 수 있기 때문에 좋지 않은 방법입니다.

 

따라서 서버에서 처리하는 것이 보안적인 측면에서 유리합니다.