html5 fileReader를 검색하면서 내용이 생각보다 간단하여 정리해둔다..이미 정리된 글들이 있지만 익혀둘겸 하나씩 해본다.. 감성프로그래밍(?)님의 블로그를 참고. 대부분 브라우저도 지원하는걸 보니 쓰기좋아보인다. https://caniuse.com/#feat=filereader 크게 3가지만 정리... 1. 텍스트파일 읽기2. 이미지파일 읽기3. 이미지파일 읽어 썸네일생성 1. 텍스트파일 읽기 pre태그는 단순히 읽은파일의 텍스트를 출력하기 위한영역.input태그에서 accept="text/*" 로 설정하면 텍스트기준으로 선택할수있는데선택창에서 모든파일보기하면 다른파일도 읽히긴한다. 이미지를 읽을경우 깨진다..readAsText메소드로 읽어둔 후 로드가 완료되면 뿌려준걸 볼 수 있다. 2. 이..