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

남양주개발자

·

2022. 9. 24. 11:17

728x90
반응형

자바스크립트 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);
  }
}
728x90
반응형
그리드형

💖 저자에게 암호화폐로 후원하기 💖

아이콘을 클릭하면 지갑 주소가자동으로 복사됩니다

0개의 댓글