/Javascript/React/React read multiple files with filereader

React read multiple files with filereader

handleFileChosen = async (file) => {
  return new Promise((resolve, reject) => {
    let fileReader = new FileReader();
    fileReader.onload = () => {
      resolve(fileReader.result);
    };
    fileReader.onerror = reject;
    fileReader.readAsText(file);
  });
}


readAllFiles = async (AllFiles) => {
  const results = await Promise.all(AllFiles.map(async (file) => {
    const fileContents = await handleFileChosen(file);
    return fileContents;
  }));
  console.log(results);
  return results;
}

Source: stackoverflow.com

Similar codes

0 vote229 views1 answer
React navbar material ui
Javascript React
0 vote235 views1 answer
Routing in react jps
Javascript React
2 votes182 views1 answer
Range slider mui can't slide
Javascript React
0 vote283 views3 answers
Redirect is not defined react/jsx-no-undef
Javascript React
0 vote225 views1 answer
React useref file input
Javascript React
0 vote222 views1 answer
Limit data with axios in react js
Javascript React
1 vote219 views1 answer
How to test useEffect in react testing library
Javascript React
1 vote224 views1 answer
React conditional array item
Javascript React
4 votes225 views3 answers
Visual studio code create react component shortcut
Javascript React
1 vote164 views1 answer
React native close other app
Javascript React