Trying to compress image using Canvas but JPG or PNG is returning a black image or transparent/empty image

Question

I am trying to compress an image before upload.

Clicking on Browse button, selecting an image and in onChange calling onFileSelect function.

Here