/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

6 votes409 views1 answer
Disable inputetext in react native
Javascript React
2 votes388 views1 answer
Best react native ui library
Javascript React
12 votes367 views1 answer
Suspense react
Javascript React
0 vote399 views1 answer
Highcharts react hide data point dots
Javascript React
93 votes333 views6 answers
React router dom install
Javascript React
0 vote363 views2 answers
Why we use react js
Javascript React
10 votes322 views4 answers
Attempted import error 'switch' is not exported from 'react-router-dom'. in react js
Javascript React
0 vote443 views1 answer
Table like another component in react native
Javascript React
5 votes388 views3 answers
React router lazy load
Javascript React
0 vote389 views5 answers
React native cache clear
Javascript React