출처 https://www.cosmosfarm.com/wpstore/product/kboard-large-file-upload

Spring project

yml 파일에 localhost 대신 공용서버를 넣으면 된다

파일 첨부

Q.하나의 태그에 여러개를 올릴거냐,
하나의 태그에 파일 하나만 올릴거냐?

JS - files list 만들어서 그만큼 append로 돌리기
multipart file 하나를 가져올때
threshold : 임시 영역(tmp)의 용량을 설정

upload: 내가 원하는 경로에 그 파일을 저장한는것(AJAX 이용)
controller 에 넣는것은 db에 저장하겠다
post.js

인코딩파일 -> 멀티파트로 바꾸자

AWS 사용시

프로젝트 내부경로 X
무조건 외부경로에 따로 만들어야 함

• uuid : 난수

만약 image 파일이라면
thumbnail 용으로 하나 더 만들기(총 2개씩 만들어라)

return uuids;
왜? AJAX에서 업로드 하자마자 바로 DOM에 방금 업로드된애 썸네일을 가져오고 싶어서(미리보기 구현)

절대경로 써봤자 chrome에서 보안상 문제로 사용 불가
java code는 절대 open source XX
전에는
e.target, Reader, onload...절대 경로가 base64로
지금은
직접 서버에 저장을 해야된다
그렇게해서 우리 눈에 썸네일이 보이는거다!

파일 업로드 바로 복붙
파일 불러오기(썸네일)

순서를 생각해보자

1. AJAX, 서버 업로드, uuid 가져와서 미리보기까지
2. 완료 버튼 눌렀으면 업로드해서 미리보기 된 이미지 갯수만큼 반복해라
   PostController("write")
   PostDTO fileVO 객체

fullPath.split("_") 왜 썼을까?

service가서 보면 save(postDTO);
후 getId()하면 바로 그 게시글의 번호가 들어가 있다.