/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 vote302 views3 answers
React lifecycle hooks
Javascript React
0 vote308 views1 answer
Webpack react proxy not working
Javascript React
0 vote331 views1 answer
React load after scrolling
Javascript React
0 vote306 views1 answer
React image onerror
Javascript React
0 vote310 views1 answer
Javascript react useState update object
Javascript React
4 votes264 views1 answer
React router dom v6 goback
Javascript React
0 vote283 views1 answer
Making all makers to show in react native map
Javascript React
7 votes303 views5 answers
Resize image react native
Javascript React
0 vote297 views1 answer
React native section list sort by alphabet
Javascript React
0 vote415 views1 answer
Attempted import error: 'Map' is not exported from 'react-leaflet' (imported as 'LeafletMap').
Javascript React