/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

2 votes123 views2 answers
Update specific properties of an object react spread operator
Javascript React
0 vote128 views1 answer
How to run bare react-native project
Javascript React
3 votes119 views2 answers
Error duplicate resources react native
Javascript React
1 vote117 views1 answer
React manifest.json 404 (not found)
Javascript React
105 votes193 views3 answers
React bootstrap do you need to import
Javascript React
31 votes125 views6 answers
React Sass
Javascript React
0 vote119 views1 answer
React buffer to image
Javascript React
0 vote115 views1 answer
React-i18next
Javascript React
5 votes118 views1 answer
Laravel react
Javascript React
0 vote153 views4 answers
Create a virtual reality website using react js
Javascript React