/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 vote154 views2 answers
Onclick toggle class react
Javascript React
0 vote1.5K views1 answer
Docker react js
Javascript React
24 votes151 views6 answers
Shadow react native
Javascript React
0 vote137 views2 answers
Automated counter with react hooks
Javascript React
0 vote173 views1 answer
React Redux component getById crud exemple
Javascript React
17 votes144 views5 answers
How to run react native app
Javascript React
0 vote151 views1 answer
Npm auth0-react
Javascript React
0 vote182 views3 answers
Scrollview refresh react native
Javascript React
0 vote139 views1 answer
Organize api calls react native folder
Javascript React
0 vote154 views1 answer
React sub count
Javascript React