No head da página onde estará o javascript
<script src="local/do//jQuery.js"></script>
No contexto do HTML / Quem mostra a imagem
<img id="imagemPerfil"
alt="profile image"
class="circle z-depth-2 responsive-img activator gradient-45deg-light-blue-cyan gradient-shadow">
No contexto do Javascript / Quem pede a imagem
<script>
$(document).ready(function () {
var params = {
Request: "GetImgPerf"
};
$.get("PerfilUsuarioController.php", params, function (respImg) {
$("#imagemPerfil").attr("src", respImg);
});
});
</script>
Na parte onde entra o PerfilUsuarioController.php, é onde fiz o teste aqui em casa, mas para funcionar para você, Verifique no seu projeto, qual é o caminho para acessoar a imagem.
Exemplo genérico PHP / Quem fornece a imagem
class PerfilUsuarioController {
public function verificarRequest() {
$request = $_GET["Request"];
switch ($request) {
case "GetImgPerf":
$this->getImgPerfil();
break;
default:
break;
}
}
public function getImgPerfil() {
// Codigo de busca do usua ou qualquer outra verificação
print $usuario_pesquisado->getImg();
}
}
$perf = new PerfilUsuarioController();
$perf->verificarRequest();