Spring 사진 썸네일 실습

 

어떤 언어로 구현 해야 하는가

 

서버를 방문(화면전환) 하지 않고 하면 script 언어를 사용한다.

1) 아이디 중복확인 - 비동기

2) 비밀번호 확인

3) 썸네일 (이미지 미리보기 스크립트 라고 구글링 검색도 가능 )

 

썸네일 - 이벤트 등록을 onchange="thumbnail(event);이란 가상의 함수 하나 만든다.

파일 등록을 하려고 할때 이벤트가 나온다

 

onchange="thumbnail(event);

이벤트 동작시 썸네일이라는 함수가 실행되게 해주세요 !

파일 Reader 객체에 reader 라는 변수명을 만들고 파일 (사진) 을 업로드 할때 이 이벤트가 실행됩니다.

document.createElement("img"); ---> "img"라는 요소를 생성해주고

img는 보내준다 src (리소스)를 파일 결과를

id ="thumbnailBox" 에 append 해준다.

 

[0] 이라고 되어있는건 다중 이미지를 올리려고 할때 맨 첫번째 이미지가 대표로 보일 수 있도록 .

 

대표사진 삭제

사진 설명을 입력하세요.

이렇게 업로드 전 확인 할 수 있다 !