Woocommerce Modification - crop user uploaded (via ajax) image with cropper.js

Looking to have customization done to the Woocommerce product page that allows customers to upload an image via ajax (preferably using an existing Woocommerce TM Extra Product Options upload field ) then allowing the user to crop with a mask using cropper.js. Similar to the process seen here: https://www.crystallizeit.com/product/cut-corner-diamond/