DEV Community

Rémy F.
Rémy F.

Posted on

Async Promise-based FileReader one-liner

#javascript #filereader

The Line 

const cat = (f) =>
  new Promise(resolve => Object.assign(new FileReader(), {onload(){resolve(this.result)}}).readAsText(f));
Enter fullscreen mode Exit fullscreen mode

Usage 

<input type="file" onchange="cat(files[0]).then(console.log)">
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

jnoncode profile image

Simplify TailwindCSS with TailwindBox

jn -

eddieangle profile image

Is React-query out of date? This new favorite makes cross-component requests a breeze!

Eddie Kimpel -

muthuraja_r profile image

Using Guard Clauses Instead of Try-Catch in Async/Await: A Clean Coding Technique for Readable and Maintainable Code 🦄🚀

muthu raja -

goodylili profile image

How to Use the Sui TypeScript SDK

Ukeje Chukwuemeriwo Goodness -