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.
}
}
console.log(this.responseText)
antes dessa linha e colocar na sua pergunta o resultado? SeuJSON
está com formato incorreto e assim poderemos visualizar qual o problemaJSON
não está preenchidoJSON
no qual está se fazendo oPARSE
?