/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

1 vote335 views1 answer
Bootstrap icons react
Javascript React
1 vote394 views3 answers
How to decode jwt token in react
Javascript React
0 vote365 views1 answer
How to pass parent function to child screen in React Navigation
Javascript React
0 vote361 views2 answers
How to pass data in router link react-typescript
Javascript React
23 votes357 views4 answers
Click to copy react
Javascript React
0 vote359 views1 answer
Override backswipe behaviour in ios and android react native
Javascript React
2 votes346 views3 answers
React cdn link
Javascript React
3 votes373 views4 answers
Import in react
Javascript React
0 vote373 views1 answer
How to set max length of input in react js
Javascript React
16 votes354 views4 answers
Uuid react
Javascript React