웹에서 파일 다루기

정은경·2021년 1월 26일
0

👸 Front-End Queen

목록 보기
137/278

리액트: excel into json

리액트: 일반파일 업로드

import React, { useState } from "react";
import "./App.css";

function App() {
  const [files, setFiles] = useState("");
  const handleChange = (e) => {
    const fileReader = new FileReader();
    fileReader.readAsText(e.target.files[0], "UTF-8");
    fileReader.onload = (e) => {
      console.log("e.target.result", e.target.result);
      setFiles(e.target.result);
    };
  };

  return (
    <div className="App">
      <input type="file" onChange={handleChange} />
    </div>
  );
}

export default App;

리액트: 서버없이! 리액트 이미지 파일 업로드 기능

결론은 FileReader()가 필요!!
경로 문제때문에!!!

profile
#의식의흐름 #순간순간 #생각의스냅샷

0개의 댓글