본문 바로가기
STS3

2024/05/09-STS3

by 꼬마둔돌 2024. 5. 9.

FileUpDown

file.jsp에 form 태그와 input,button 태그들을 만들어준다 post 방식으로 해야한다 그후 경로를 설정하고 "multipar"->파일을 부분적으로 쪼개서 담는다
저장경로 전역변수화를해준다
그후 UploadController에서 file들을 받아서 저장할 코드들을 작성해준다 post로 던졌기 떄문에 postMapping으로 설정해준다. file.jsp에서 <input name="singlefiles">이기 때문에 받을 파라미터를 똑같이 설정해준다. 그후 subDir를 전역변수한 파일 뒤에 랜덤한 문자열로 저장을해준다. 그후 file을 객체생성해준후 dir에 넣어준다 조건문을 이용하여 파일이 없을경우 새로 만들어준다. 그리고 log.info로 입력받은 file 이름과 사이즈들을 찍어준다.
upload 버튼을 눌렀을때 uploadController으로 넘어가 form 태그에 지정된 코드로 넘어가서 작동한다.
지정한 경로에 업로드 한파일이 들어간걸 확인가능하다.
이번엔 여러 파일들을 업로드 하는 files.jsp를 작성했다 여러파일을 지정할려면 ecntype=" "를 반드시 작성해야하낟.
마찬가지로 UploadController에서 여러 파일을 업로드할 코드들을 작성한다 하나 다른게있다면 파일들을 배열형식으로 받는것과 반복문으로 작성해주는것이다.
파일 4개를 업로드한다
log.info로 인해 파일이름과 size가 찍힌다

 

마찬가지로 uplaod 파일안에 sub-dir가 랜덤이름으로 생긴다ㅣ
업로드한 파일들이 제대로 들어간걸 확인이가능하다.
이번에는 저장한 파일들을 뷰에 list 형식으로 보여줄수있게만들어준다. 파일 기본명과 여러개의 파일이 존재할수 있기 떄문에 이중 반복문으로 서브 파일과 안의 내용물들을 저장해준다. 저장한 내용을 model.addAtttribute로 model 객체에 root 이름으로 저장을하는것같다
list.jsp이다 BASE DIR에는  model객체에 전달한 내용을 꺼내온다 그후 SUB DIR은 반복문으로 root.listFiles()로 파일들을 꺼내온후 "subdir"이라는 변수로 설정한다.그후 view 페이지에서는 저장한 "subdir"로 꺼내온것들을 보여준다. 그안의 내용물도 마찬가지로 forEach 반복문으로 subdir안에 있는 내용물들을 꺼내와서 file이라는 변수명에 저장을한후 view로 보여준다
이런식으로 보여진다.

'STS3' 카테고리의 다른 글

2024/05/13-STS3  (0) 2024.05.13
2024/05/10-STS3  (0) 2024.05.10
2024/05/03-STS3  (0) 2024.05.08
2024/05/07-STS3  (0) 2024.05.07
2024/05/02-STS3  (0) 2024.05.02