목록2022/06/29 (1)
Hey Tech
[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 ( ); } } ✅ 결과 아래는 테스트용 텍스트 파일입니다. 아래는 콘솔에 찍힌 테스트 결과입니다. 포스팅 내용에 오류가 있다면 ..
SW 개발/React JS
2022. 6. 29. 12:41