0

Estou criando uma aplicação e preciso de uma forma de fazer upload de arquivos xls/xlsx, enviando o arquivo do front-end (Ajax) para o back-end (Java) para que possa ser manipulado.

Código Ajax:

$("#formulario").submit(function () {
                var formData = new FormData(this);

                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    success: function (data, status, jqxhr) {
                        alert('sucesso');
                    },
                    error: function(){
                        alert('deu erro');
                    },
                    cache: false,
                    contentType: false,
                    processData: false,
                    xhr: function() {  
                        var myXhr = $.ajaxSettings.xhr();
                        if (myXhr.upload) { 
                            myXhr.upload.addEventListener('progress', function () {

                                alert('upando o arquivo');
                            }, false);
                        }
                    return myXhr;
                    }
                });
            });

O Código Ajax esta funcionando perfeitamente, ele executa e me retorna o código 200. Porém não consigo 'receber' o arquivo no Java.

Código Java:

@POST
@Path("/upload")
@Consumes("multipart/form-data")
public Response create(@MultipartForm FileUploadForm input){
    System.out.println("funcionou");
    //manipulo o arquivo
    return Response.ok;
}

Espero que conseguem me auxiliar e orientar a fazer funcionar.

UPDATE

Fiz uma alteração no ajax, e enfim, consegui fazer com que o JAVA receba a requisição

$(document).ready(function () {
            $(function () {
                var form;
                $('#fileUpload').change(function (event) {
                    form = new FormData();
                    form.append('fileUpload', event.target.files[0]); // para apenas 1 arquivo
                    //var name = event.target.files[0].content.name; // para capturar o nome do arquivo com sua extenção
                });

                $('#btnEnviar').click(function () {
                    $.ajax({
                        url: 'http://localhost:8080/SferaCR/rest/importacao', // Url do lado server que vai receber o arquivo
                        data: form,
                        processData: false,
                        contentType: false,
                        type: 'POST',
                        success: function (data) {
                            alert('sucesso');
                            $('#fileUpload').val('');
                        },
                        error: function (){
                            alert('deu erro');
                            $('#fileUpload').val('');
                        }
                    });
                });
            });
        });

Porem, o problema agora, é que no java, que está recebendo o parametro 'input' como null. Ou seja, a requisição vai, da 'certo', mas o arquivo não é enviado.

13
  • de onde está a vir a variável url no seu código javascript e o que contém dentro dela?
    – CIRCLE
    Commented 14/07/2014 às 21:18
  • Que implementação da JAX-RS você está usando?
    – Luídne
    Commented 15/07/2014 às 2:57
  • Minha sugestão é que você procure a documentação do FileUploadForm que está usando. Muito provavelmente é alguma biblioteca que trabalha com ´Buffers...´ ou bytearrays. Em qualquer uma das opções é bem simples converter em um arquivo e salvar em algum lugar no seu server. Commented 15/07/2014 às 12:36
  • @CIRCLE contem o json (ou xml), que retorna os dados do REST. Commented 15/07/2014 às 15:43
  • @Luídne não estou usando nenhuma implementação JAX-RS. Você recomenda o uso da mesma? Commented 15/07/2014 às 15:47

1 Resposta 1

1

Fiz uma alteração no ajax, e enfim, consegui fazer com que o JAVA receba a requisição

$(document).ready(function () {
            $(function () {
                var form;
                $('#fileUpload').change(function (event) {
                    form = new FormData();
                    form.append('fileUpload', event.target.files[0]); // para apenas 1 arquivo
                    //var name = event.target.files[0].content.name; // para capturar o nome do arquivo com sua extenção
                });

                $('#btnEnviar').click(function () {
                    $.ajax({
                        url: 'http://localhost:8080/SferaCR/rest/importacao', // Url do lado server que vai receber o arquivo
                        data: form,
                        processData: false,
                        contentType: false,
                        type: 'POST',
                        success: function (data) {
                            alert('sucesso');
                            $('#fileUpload').val('');
                        },
                        error: function (){
                            alert('deu erro');
                            $('#fileUpload').val('');
                        }
                    });
                });
            });
        });

Porem, para funcionar corretamente foi necessário retirar a Annotation @Path, da minha action que recebia a requisição do ajax.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .