자바스크립트 파일 읽기(FileReader)

간단사용방법

const handleFileChange = (e) => {
	// 파일읽기객체 만들기
	let reader = new FileReader();
    
    // 파일을 읽었을때의 이벤트 별 진행내용 정의
    reader.onloadend = () => {
        const base64 = reder.result;
        if(base64){
            console.log(base64.toString())
        }
    );
    
    // 여러 파일을 동시에 선택했을 수 있으나, 첫번째 파일에 대해 읽고 URL을 result로 가지고 있을 것
    if(e.target.files[0]){
    	reader.readAsDataURL(e.target.files[0]);
    }
}

상세사용방법

https://developer.mozilla.org/ko/docs/Web/API/FileReader