/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

0 vote174 views1 answer
React break out of useeffect
Javascript React
0 vote167 views1 answer
React application preloader add
Javascript React
0 vote161 views1 answer
How to clear text ibput after message sent react native
Javascript React
0 vote169 views1 answer
How to change grid size with conditional expression in react
Javascript React
7 votes149 views2 answers
Hover react
Javascript React
1 vote183 views1 answer
React-router-dom v6 redirect
Javascript React
0 vote171 views1 answer
Reset reactive state vue 3
Javascript React
0 vote168 views1 answer
React input cursor jump end
Javascript React
64 votes172 views6 answers
Router react
Javascript React
0 vote181 views1 answer
Reactjs TypeError: b is undefined
Javascript React