/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

48 votes130 views1 answer
Emmet not working react js
Javascript React
0 vote147 views1 answer
Can i open native video playback for both (Androidt / IOS) With React Native?
Javascript React
5 votes134 views5 answers
Onclick react
Javascript React
105 votes151 views1 answer
React simbu
Javascript React
13 votes125 views4 answers
Passing data in react router history,push
Javascript React
3 votes124 views2 answers
React is there a safe area view for android
Javascript React
36 votes111 views2 answers
How to install react router dom version 5
Javascript React
1 vote136 views1 answer
React slick slider duplicate items when infinite true #1623
Javascript React
0 vote125 views1 answer
How to make the width of a react native element adjust according to the contents
Javascript React
0 vote125 views1 answer
React native scrollview full height
Javascript React