/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

4 votes200 views1 answer
Navigating programatically react
Javascript React
0 vote218 views1 answer
React native webview disable touch
Javascript React
48 votes210 views4 answers
How to add comment in react js
Javascript React
32 votes386 views2 answers
How to routing in react js
Javascript React
1 vote228 views1 answer
React-native-infinite-scroll-with-flatlist
Javascript React
3 votes223 views2 answers
React get data attribute from element
Javascript React
5 votes205 views2 answers
Update react version
Javascript React
0 vote205 views1 answer
React Native Segmented Control Tab
Javascript React
2 votes261 views1 answer
Remove header border react native
Javascript React
0 vote228 views1 answer
Storybook react router
Javascript React