[JAVASCRIPT] 파일 데이터 -> binary data

자바스크립트에서 파일을 File API인 FileReader를 이용하여 base64로 변환하는 방법

 

FileReader는 File혹은 Blob객체를 이용해 파일의 내용을(또는 원시 데이터 버퍼) 비동기적으로 읽을 수 있습니다.

document.getElementById('searchImg').addEventListener('change',e=>{
            const file = e.target.files[0];
            const reader = new FileReader();
            reader.addEventListener(
                "load", // 파일을 성공적으로 읽었을 때 실행되는 이벤트
                (e) => {
                    console.log(e.target.result)
                },
                false,
            );
            reader.readAsDataURL(file);
        })

 

속성 및 메소드는 아래 링크에서 확인 가능

참고 :

 

https://developer.mozilla.org/en-US/docs/Web/API/FileReader