IT 수업 20주차 (133) 업로드 페이지, 다운로드

 

 

올린 파일을 확인하는 페이지를 만들어 볼 것이다.

 

UploadController에 list페이지를 매핑시켜준다.

 

그리고 업로드 된 파일 리스트 확인 페이지인 list페이지를 만들어 준다.

 

 

< 실행화면 >

 

현재 들어있는 폴더를 확인 해본다.

 

콘솔창에 현재 upload 폴더에 들어있는 폴더가 나오게 된다.

 

 

 

이번에는 폴더 안의 파일 리스트까지 출력하기위해 이중 for문을 사용한다.

 

 

 

 

UploadController에서 model을 사용해서 base_dir 경로를 가져온다.

 

 

 

 

list.jsp 파일을 subdir의 경로를 받아오도록 수정해본다. 

 

 

 

이번에는 안에 들어있는 파일이 리스트로 출력되도록 작성해본다.

 

 

 

 

get 동기요청을 막기 위해 a태그의 경로를 javascript:void(0)으로 막아 놓는다.

 

콘솔창을 살펴보면 해당 파일의 절대경로가 출력된다.

절대경로가 싫으면 ${file.getName}하면 이름만 나올 수 있다.

 

이번에는 파일을 클릭하면 해당 파일이 나오도록 해본다. (a태그에 class 추가함)

 

실행해서 파일을 클릭하면 콘솔창에 해당 파일이 출력된다.

 

 

 

 

 

 

다운로드를 위한 컨트롤러를 restcontroller에 만들어준다.

 

 

download 페이지와 매핑해준다.

 

 

 

이번에는 누르면 다운로드페이지로 옮겨가도록 구현한다.

 

실행시켜 리스트 중 하나의 파일을 누르면 그 페이지로 넘어가게 된다.

download 페이지가 아직 없어서 아무것도 뜨지 않지만 넘어가는 것을 확인 할 수 있다.

 

 

이번에는 해당 파일을 클릭하면 다운로드가 되도록 작성한다.

list.jsp를 수정해준다.

 

그리고 DwonloadRestController를 작성하고 실행해본다.

 

그러면 해당 파일이 다운로드 된다.