Image resize with Crop

I want to create a function that after an image upload, will allow a user to resize an image. But the image must be behind a crop frame and the user must be able to drag/move/resize the image behind the crop frame. Here is a screenshot of what I am thinking of.

Please can anyone point me in the right direction. Thanks