[Spring] 원본 이미지 보여주기

[Spring] 원본 이미지 보여주기

이전 글

2021.08.27 - [Spring] - [Spring] 첨부파일 다운로드, IE/Edge 브라우저의 문제 해결

2021.08.26 - [Spring] - [Spring] 첨부파일의 다운로드

2021.08.26 - [Spring] - [Spring] 브라우저에서 파일 업로드 후 처리 (썸네일 처리 등)

2021.08.24 - [Spring] - [Spring] Ajax 파일 업로드 후, 업로드된 파일 데이터 반환

2021.08.24 - [Spring] - [Spring] 썸네일 이미지 생성

 

이전 글 내용에 이어서 작성하는 내용이므로 이전 글을 확인하는 것을 권장합니다.

 

현재 이미지 파일은 썸네일을 보여주게 되어 있습니다.

 

썸네일의 이미지가 업로드된 경로 + /s_ + UUID_ + 파일이름

 

원본 이미지의 이름은 중간에 '/s_'가 '/'로 변경되는 점이 다릅니다.

 

이전 코드들에 이어서 수정/추가 할 부분은 다음과 같습니다.

 

1. 이미지 클릭시 원본 파일의 경로를 원본 이미지를 보여줄 함수의 param 처리

2. 원본 이미지를 보여줄 <div> 처리 (javascript 함수 작성)

 

uploadAjax.jsp

생성된 문자열은 '\' 기호 때문에 일반 문자열과는 다르게 처리되므로, '/'로 변환한 뒤 showImage( )에 파라미터로 전달합니다. 버튼 아래에 div를 하나 작성합니다. showImage( ) 함수에서 div에 원본 이미지를 보여줍니다.

showImage( ) 함수에서 원본 이미지를 보여주는 처리를 합니다.

실행결과는 다음과 같습니다.

 

 

---

오늘은 업로드한 파일 이미지의 원본 이미지 보여주는 처리를 해보았습니다.