Upload de imagem + crop/resize

[vitor saad]

Galera,

Beleza?

Estou procurando algo para fazer upload de imagem e depois fazer o crop e resize.

Alguém tem algo para vraptor4 ?

Vi que tem o vraptor-paperclip, mas não achei nenhum exemplo.

Valeu

[Tiago Oliveira]

já cogitou a possibilidade de utiliza http://cloudinary.com ?

A idéia é interessante.

[]'s

--
Você recebeu essa mensagem porque está inscrito no grupo "caelum-vraptor" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para caelum-vrapto...@googlegroups.com.
Para postar nesse grupo, envie um e-mail para caelum-...@googlegroups.com.
Acesse esse grupo em http://groups.google.com/group/caelum-vraptor.
Para mais opções, acesse https://groups.google.com/d/optout.

[Chico Sokol]

Opa! De plugin tem o vraptor-paperclip:
https://github.com/caelum/vraptor-paperclip

[Fabio Ebner]

http://www.imagemagick.org/

[vitor saad]

Eu precisaria fazer o crop na tela, ou seja. o próprio usuário fazer tem como? Acho que vou precisar de alguma coisa com jquery

Vi também que o plugin não está no maven. 

[Fabio Ebner]

https://github.com/fengyuanchen/cropper esse cara deve ajudar

[vitor saad]

Fabio,

Obrigado

Achei um que faz o crop, mas fiquei na dúvida

Tem como eu enviar os dados do formulário + a imagem via javascript pro vraptor?

Porquê o crop é em JS, ele retornar a imagem cortada

[vitor saad]

Galera eu peguei um script que faz o corte, ele joga a imagem do upload em uma div e o usuário manipula.

Agora fiquei na duvida como enviar essa imagem e meus dados do form par ao controller

alguem pode me ajudar?

<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>