자바스크립트 FileReader async/await 처리하는 방법 (Using the FileReader API in async functions)

자바스크립트 FileReader async await 처리하는 방법 (Using the FileReader API in async functions)

FileReader API를 사용하면 사용자의 컴퓨터에서 파일을 읽을 수 있습니다.  FileReader API는 콜백 방식으로 지원하고 있는데, 자바스크립트 async/await 문법으로 훨씬 더 깔끔하게 코드를 작성할 수 있습니다.

사용 방법

function readFileAsync(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();

    reader.onload = () => {
      resolve(reader.result);
    };

    reader.readAsBinaryString(file);

    reader.onerror = reject;
  });
}

async function processFile() {
  try {
    const file = document.getElementById('file-input').files[0];
    const fileBinaryString = await readFileAsync(file);
    console.log(fileBinaryString);
  } catch(err) {
    console.log(err);
  }
}