this is because in JavaScript you can only process one operation at once (like in PHP).
You could handle this with a dialog that opens while processing so the user doesn't think that the site is "lagging" or something like that.
On the line const result = await getAsText(file) The FileReader is processing the file (inside the promise of getAsText, so the line will "pause" execution until the getAsText / reader.readAsText is finished.
If you really want to do this "async/ in background/ without freezing" then you would have to use web workers.
Hope this helps.
Btw: I'm not familiar with the FileReader / So i'm not 100% sure about this.
Hey Simon,
Thanks, I didn't think about Web Workers, yeah with the help of Web Workers this problem will be solved, but I was just wondering can't I achieve async behavior with just using JavaScript Promises or Async/Await in this case?
The only async behavior of javscript I know / and I use, is:
You can run multiple operations "async" for example if you have 10 http request, you can send them all at "once" and not one after another (with Promise.all).
All I know is that JavaScript is a single threaded language so you can't archive 100% async behavior with it (correct me if I'm wrong).
So If I'm debugging JavaScript code manually (line for line) I'm go througt it as if it wasn't async, even throug Promises or await/async functions.
Hi,
this is because in JavaScript you can only process one operation at once (like in PHP).
You could handle this with a dialog that opens while processing so the user doesn't think that the site is "lagging" or something like that.
On the line
const result = await getAsText(file)The FileReader is processing the file (inside the promise ofgetAsText, so the line will "pause" execution until thegetAsText/reader.readAsTextis finished.If you really want to do this "async/ in background/ without freezing" then you would have to use web workers.
Hope this helps.
Btw: I'm not familiar with the FileReader / So i'm not 100% sure about this.
Simon
Hey Simon,
Thanks, I didn't think about Web Workers, yeah with the help of Web Workers this problem will be solved, but I was just wondering can't I achieve async behavior with just using JavaScript Promises or Async/Await in this case?
Hi,
you should read this documentation:
developer.mozilla.org/en-US/docs/L...
and maybe this one: javascript.info/async
The only async behavior of javscript I know / and I use, is:
You can run multiple operations "async" for example if you have 10 http request, you can send them all at "once" and not one after another (with
Promise.all).All I know is that JavaScript is a single threaded language so you can't archive 100% async behavior with it (correct me if I'm wrong).
So If I'm debugging JavaScript code manually (line for line) I'm go througt it as if it wasn't async, even throug Promises or await/async functions.
Simon
Hey,
Thanks, that helped it😊.