image-compress | Browser side image compress & upload example | File Upload library

I have created an application that uses Nuxt.js (SPA) to take up to 20 images taken with the iPhone and register all 20 at once. When the images are taken, they are compressed to about 500KB using a library called browser-image-compression and retained. The compressed images are then displayed in a preview.

The problem is that when registering 20 photos multiple times, the Nuxt.js application suddenly crashes in the middle of the process (when taking a photo, the captured image suddenly starts to disappear after loading, like when reloading).

Thinking it could be a memory leak, I tried measuring it on the Mac Safari timeline, but the memory usage goes up and up with each shot, and does not go down.

I tried to refresh memory with location.reload(true), but the memory usage did not go down.

Please let me know the solution to refresh the memory, or anything that will stop the application from crashing.

Memory Timeline just before the crash

• iPhone 11
• iOS 14.6
• @nuxt/cli v2.14.12
• Vue v2.6.14
• browser-image-compression v1.0.14

I am getting this error on some older iPhones (like iPhone 7 and iPhone 10)

I am unable to find the solution.

Libraries that I am using

I am creating an image previw and upload page based on this https://demos.phplift.net/javascript-image-compress-using-html5-canvas-file-api/. It is working fine in all web browsers and in android firefox (version 88.1.4) it is not working with images have size greater than 1MB, no issues in android chrome browser. When I checked the image onload (in code it is i.onload()) function is not triggering for larger images in firefox

html

I Know that there is a lot of topic about this, but since none of them work, I must make a new one, I'm quite confused as why my electron app doesn't launch when I used yarn dev for my project, but when my friends try it, in his laptop, he can run and the apps launch normally without any problem, so Is there anyone here ever face the same problem with me? if there is someone, how can you solve this problem?

this is what my terminal looks like:

for information I used:

I found that the quality compress by flutter_image_compress is not based on percentage. For example like 4.58MB image after compress with quality 50 is return 590KB. Is that mean the quality is not precentage ?

Reference : https://jtmuller5-98869.medium.com/image-compression-in-flutter-e0585ce960cc

I'm using OCRmyPDF to extract text form scanned pdf files. I use codes from this Colab notebook for that purpose. The only difference is that instead of downloading the pdf file from an online url, I use the pdf file stored on my local machine (replaced it {file_name} instead of {invoice_pdf}). Everything looks fine up to the point I run:

I've been trying to run my Angular 8 application on IE11. So far, I have tried all the steps stated in this article, Angular 8 and IE 11

and still getting errors as this picture ->IE console

following are the related files :

Polyfills.ts:

So I am working on a website that is using react. I have been testing it in different browsers, and right now the only browser not working is the terrible Internet Explorer. When the page loads on internet explorer it is just a blank/white screen. I have tried multiple suggestions like integrating browserlist, @babel/preset-env with no luck. I completely upgraded from babel 6 to babel 7 to see if that was the issue and nothing changed.

Here are my Dependencies and Dev Dependencies: