Vraptor 4 + upload / crop

Front-end
#1

Galera

beleza?

Podem me ajudar.

Tenho um formulário e nele tem um upload de foto, após o upload eu jogo a foto para uma div para o usuário fazer o corte da imagem (crop),

Até ai tudo bem, como eu faço para submeter essa imagem cortada junto com os dados do formulário para minha controler?

Obrigado

<script type="text/javascript">
    $(window).load(function() {
        var options =
        {
            thumbBox: '.thumbBox',
            spinner: '.spinner',
            imgSrc: 'avatar.png'
        }
        var cropper = $('.imageBox').cropbox(options);
        $('#file').on('change', function(){
            var reader = new FileReader();
            reader.onload = function(e) {
                options.imgSrc = e.target.result;
                cropper = $('.imageBox').cropbox(options);
            }
            reader.readAsDataURL(this.files[0]);
            this.files = [];
        })
        $('#btnEnviar').on('click', function(){
           

                var img = cropper.getDataURL();  //IMAGEM CORTADA
           
        })
        $('#btnZoomIn').on('click', function(){
            cropper.zoomIn();
        })
        $('#btnZoomOut').on('click', function(){
            cropper.zoomOut();
        })
    });
</script>