client side file/image compression prior to direct to s3 file upload

Job ID: 31379547

Budget: €30 – €250 EUR

I have working project where the user uploads images and / or videos via dropzone.js. The files are then uploaded directly to an s3 bucket (bypasses the server) while the object is saved to django backend with a key to access the file url.

Everything works except the dropzone.js file resizing are not actually reducing the dimensions or the quality.

I've tried to add file reduction processes inside the dropzone upload loop with several canvas solutions but I get either errors where it says the file object is not an html Image element, or the uploaded file loses all file attributes except the file URI data and that's all that shows up in the image.

Looking for someone who is experienced with client side file handling that can help me reduce files prior to upload.
Related categories: Amazon Web Services Image Processing jQuery