Image manipulation before upload

[elninoisback]

Im using the image plugin and planning to compress the image before uploading. I'm trying with image.beforeUpload method but it seems I cannot change the passed in files. How can I do this?

this.options.events = {
"image.beforeUpload": (files) => {
const compressedFiles = this.myImageCompressor((files);
// I get size reduced files assigned to compressedFiles here
return compressedFiles; // Froala uploads the original uncompressed files.
}
};

[Yaseern]

I am also trying to get image compressed before it upload to server. Is there anyway to resolve it? I want to do it client side.