[React] FileReader를 활용한 텍스트 파일 읽어오기

📌 개요

• 리액트에서 FileReader를 활용하여 업로드한 텍스트 파일의 내용 읽어오기

👨‍💻 코드

import React, {Component} from 'react';

class FileUpload extends Component {
  onFileChange(e){
    let file = e.target.files[0];
    let fileReader = new FileReader();
    fileReader.onload = () => {
      console.log(fileReader.result);
    };
    fileReader.readAsText(file);
  }
  render(){
    return (
      <div>
        <input type="file" onChange={tihs.onFileChange.bind(this)} />
      </div>
    );
  }
}

✅ 결과

아래는 테스트용 텍스트 파일입니다.

테스트 파일

아래는 콘솔에 찍힌 테스트 결과입니다.

---

포스팅 내용에 오류가 있다면 아래에 댓글 남겨주세요.

그럼 오늘도 즐거운 하루 보내시길 바랍니다 :)

고맙습니다😊