Seu erro está aqui
$.getJSON('img_trocar.php')
var obj = JSON.parse(dado)
Você faz um request para receber o json, mas não faz nada com ele, depois você chama parse esperando dado
que não existe em nenhum lugar... Ainda assim $.getJSON()
já um short hand para uma requisção ajax que recebe um json, não há nenhuma necessidade do JSON.parse(dado)
. E por último, não crie uma variável chamada img
que na verdade irá representar um bloco de html.
Segue abaixo um exemplo com a sua função uploadFoto()
alterada e renomeada para loadContato()
, por que é isso que o método faz.
function loadContato() {
var location = $('.r_f_p');
//Se o arquivo img_trocar.php está na raiz do seu site, coloque a "/"
//no início, caso contrário, indique o caminho correto para a sua localização.
$.getJSON('img_trocar'/img_trocar.php', function(dado){
var html = '';
html += '<p>' + dado[0].username + '</p>';
html += '<img src="avatar/' + dado[0].avatar + '">';
location.html(html);
});
}