file upload의 확장자검사 및 썸네일노출

파일을 업로드 하기 전에 서버에서 모든 것을 체크하지 않고 클라이언트에서 체크하면 더 빠르게 유효성을 판단할 수 있다. 이미지 파일의 확장자가 올바른지, 썸네일 이미지를 화면에 노출하는 방법을 알아보자. 이미지 파일 확장자 유효성 검사 file의 확장자 검사는 HTML input 태그의 accept 속성으로 쉽게 필터링할 수 있습니다. accept속성의 브라우저 지원상황이 깔끔한 상태가 아니므로, 더 많은 브라우저에서 동작하는 코드를 알아보겠습니다. file을 업로드 하면, change 이벤트를 통해서 이를 감지할 수 있습니다. 그리고 나면 file객체를 얻을 수 있습니다. file 객체는 event 객체의 target으로부터 얻을 수 있습니다. const elImage = document.querySe..