1

Estou com esse erro no JSON que não consigo entender.

Esse é meu retorno no console:

SyntaxError: JSON Parse error: Unrecognized token '<'

Que é informado estar nessa linha:

resultado = JSON.parse(this.responseText);

E esse é meu trecho de código que deveria receber uma imagem e carregar a mesma no lugar da thumb:

function transferComplete(evt) {
        resultado = JSON.parse(this.responseText);

        if (resultado.enviado)
        {
            label.attr('class', 'btn btn-warning btn-file');
            $('#thumb_' + resultado.nome).show();
            $('#thumb_old_' + resultado.nome).remove();

            label.attr('data-original-title', resultado.arquivo_antigo).attr('title', resultado.arquivo_antigo).attr('class', 'btn btn-default btn-file');
            label.find('.progress').remove();

        } else
        {
            label.removeClass('upload');
            label.find('.progress').remove();
        }
    }

Espero que ter apresentado meu problema de forma clara a todos.

Código completo:

    var arquivos = new Object();
arquivos = {
    gatilho: function () {
        $('label[tipo]').on('drop', function (event) {
            arquivos.handleFileSelect(event, $(this));
        });
        $('label[tipo]').on('dragover', function (event) {
            arquivos.handleDragOver(event);
        });
        $('label[tipo] input').on('change', function (event) {
            arquivos.handleFileSelect(event, $(this));
        });
    },
    handleFileSelect: function (event, id) {

        event.stopPropagation();
        event.preventDefault();
        var label = '';

        function updateProgress(oEvent) {
            if (oEvent.lengthComputable) {
                var percentComplete = (oEvent.loaded / oEvent.total * 100);
                label.find('.percent').css('width', percentComplete + '%');
            }
        }




        // progress on transfers from the server to the client (downloads)

        function transferComplete(evt) {


            resultado = JSON.parse(this.responseText);

            if (resultado.enviado)
            {



               upload.addClass('upload-enviado');
               upload.append('<i class="fa fa-check"></i>');

               label.attr('title', resultado.arquivo_antigo);
               label.find('.progress').remove();
               if (resultado.idItemArq)
                   $('#' + nome).attr('enviado', resultado.idItemArq);
            } else
            {
                label.find('.progress').remove();
            }
        }

        // Create a formdata object and add the files
        var oReq = new XMLHttpRequest();

        oReq.upload.addEventListener("progress", updateProgress, false);
        oReq.addEventListener("load", transferComplete, false);

        var data = new FormData();
        var imagem = '';
        var reader = new FileReader();

        if (event.originalEvent.dataTransfer) {
            var files = event.originalEvent.dataTransfer.files;
            id = id.find('input');
        } else {
            var files = event.target.files;
        }

        arquivo = files[0].name;
        array_arquivo = arquivo.split(".");
        tipo_arquivo = array_arquivo[array_arquivo.length - 1];

        if (files.length > 1) {
            alert('Você deve enviar um arquivo por vez!');
            return 0;
        } else if (files[0].size > 60000000) {
            alert('O arquivo deve ter no máximo 60 Mb');
            return 0;
        } else if (tipo_arquivo == 'cdr' || tipo_arquivo == 'pdf') {
            imagem = "/public/files/thumbs/thumb-" + tipo_arquivo + ".png";
        } else if (tipo_arquivo == 'jpg' || tipo_arquivo == 'jpeg') {
            imagem = "/public/files/thumbs/thumb-jpg.png";
        } else {
            alert('O arquivo deve ser do tipo JPG, CDR ou PDF');
            return 0;
        }
        ;

        nome = id.attr('name');
        upload = $('#upload_' + nome);
        label = upload.find('label');
        data.append(nome, files[0]);
        data.append('idPedido', $('#idPedido').val());
        if (id.attr('enviado'))
            data.append('enviado', id.attr('enviado'));

        upload.find('i').remove();
        label.find('span').remove();
        label.find('img').remove();
        upload.attr('class', 'upload');

        label.append('<div class="progress"><div class="percent"></div></div>');
        label.append('<img class="thumb" id="thumb_' + nome + '" src="' + imagem + '">');

        oReq.open("POST", '/envio/reenvio', true);
        oReq.send(data);
    },
    handleDragOver: function (evt) {
        evt.stopPropagation();
        evt.preventDefault();
        evt.originalEvent.dataTransfer.dropEffect = 'copy'; // Explicitly show this is a copy.
    }
}
9
  • 1
    Você pode colocar um console.log(this.responseText) antes dessa linha e colocar na sua pergunta o resultado? Seu JSON está com formato incorreto e assim poderemos visualizar qual o problema
    – Sorack
    Commented 6/12/2016 às 12:40
  • undefined foi o retorno
    – Diego Go
    Commented 6/12/2016 às 12:43
  • Além de formatar seu Json, aqui jsonformatter.curiousconcept.com valida se seu Json é valido.
    – Marconi
    Commented 6/12/2016 às 12:44
  • Então é porque o seu JSON não está preenchido
    – Sorack
    Commented 6/12/2016 às 12:46
  • Qual o retorno JSON no qual está se fazendo o PARSE? Commented 6/12/2016 às 12:56

1 Resposta 1

2

O erro é referente ao formato do seu JSON. A função JSON#parse exige que o parâmetro seja um JSON valido. Verifique o conteúdo da sua variável this.responseText e valide se é um objeto válido. Uma ferramenta para validação é o JSONLint.

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 .