/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

108 votes265 views1 answer
How to start react app in windows
Javascript React
0 vote210 views1 answer
Store data with props in react js
Javascript React
0 vote202 views2 answers
React tweet embed
Javascript React
8 votes200 views2 answers
Install material icons for react
Javascript React
9 votes200 views3 answers
React select
Javascript React
0 vote196 views1 answer
React input value set state on change
Javascript React
28 votes221 views1 answer
Semantic ui dropdown value react
Javascript React
3 votes194 views2 answers
React native animated sticker
Javascript React
0 vote198 views1 answer
React-native-cli remove
Javascript React
0 vote215 views1 answer
Open close children modal react
Javascript React