From 9c67d7626509b120178fd9dda5c02e0827b8e176 Mon Sep 17 00:00:00 2001
From: Isaac <isaacespi96@gmail.com>
Date: Fri, 25 Sep 2026 11:35:05 +0200
Subject: [PATCH] cambiar avatar y nombre en perfil.php

---
 cabecera.php                         | 155 +---------------
 clases/ClaseUsuario.php              | 258 ++++++++++++++++++++++-----
 controladores/ControladorUsuario.php | 118 +++++++++++-
 img/avatars/defaultProfile.jpeg      | Bin 0 -> 7112 bytes
 js/cabecera.js                       | 133 ++++++++++++++
 js/perfil.js                         | 122 ++++++++-----
 perfil.php                           |  29 +--
 7 files changed, 543 insertions(+), 272 deletions(-)
 create mode 100644 img/avatars/defaultProfile.jpeg
 create mode 100644 js/cabecera.js

diff --git a/cabecera.php b/cabecera.php
index cea321a..c909e9c 100644
--- a/cabecera.php
+++ b/cabecera.php
@@ -16,11 +16,8 @@ $username = $isLoggedIn ? $_SESSION['nombreUsuario'] : '';
 <link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&display=swap" rel="stylesheet">
 <link rel="stylesheet" href="css/index.css">
 <script src="js/jquery-4.0.0.min.js"></script>
-<style>
 
 
-</style>
-
 <nav class="navbar navbar-expand-lg navbar-kahoot py-3 mb-4">
     <div class="container">
         <a class="navbar-brand" href="index.php">
@@ -152,154 +149,4 @@ $username = $isLoggedIn ? $_SESSION['nombreUsuario'] : '';
     </div>
 </div>
 
-<script>
-    // Registro
-    $('#botonAceptarRegistro').click(function(event) {
-        event.preventDefault();
-        console.log('hola');
-        let nombreUsuario = $('#regNombre').val().trim();
-        let email = $('#regEmail').val().trim();
-        let contrasena = $('#regPassword').val();
-        let contrasenaConfirmacion = $('#regPasswordConfirm').val();
-
-        // Limpiamos errores anteriores
-        $('#regNombre').removeClass('is-invalid');
-        $('#regEmail').removeClass('is-invalid');
-        $('#regPassword').removeClass('is-invalid');
-        $('#regPasswordConfirm').removeClass('is-invalid');
-        $('#errorRegistro').text('');
-
-        // Comprobamos que las contraseñas coincidan
-        if (contrasena !== contrasenaConfirmacion) {
-
-            $('#regPassword').addClass('is-invalid');
-            $('#regPasswordConfirm').addClass('is-invalid');
-
-            $('#errorRegistro').text('Las contraseñas no coinciden.');
-
-            return;
-        }
-
-        $.ajax({
-            method: "POST",
-            url: "controladores/controladorUsuario.php",
-            data: {
-                'nombreUsuario': nombreUsuario,
-                'email': email,
-                'contrasena': contrasena,
-                'orden': 'registrarUsuario'
-            }
-        }).done(function(respuesta) {
-            //console.log(respuesta);
-            respuesta = JSON.parse(respuesta);
-            if (respuesta.error) {
-
-                $('#errorRegistro').text(respuesta.error);
-
-                // Marcamos los campos si hay error
-                $('#regNombre').addClass('is-invalid');
-                $('#regEmail').addClass('is-invalid');
-
-            } else {
-
-                // Registro correcto
-                $('#errorRegistro')
-                    .removeClass('text-danger')
-                    .addClass('text-success')
-                    .text(respuesta.exito);
-
-                // Limpiamos formulario
-                $('#formRegistro')[0].reset();
-
-                // Cerramos modal después de un segundo
-                setTimeout(function() {
-                    location.reload();
-                }, 1000);
-            }
-
-        }); // Fin función ajax
-
-    });
-
-    // Login
-    $('#botonAceptarLogin').click(function(event) {
-        event.preventDefault();
-
-        let email = $('#loginEmail').val().trim();
-        let contrasena = $('#loginPassword').val();
-
-        // Limpiamos errores anteriores
-        $('#loginEmail').removeClass('is-invalid');
-        $('#loginPassword').removeClass('is-invalid');
-        $('#errorLogin').text('');
-
-        // Comprobación básica
-        if (email === '' || contrasena === '') {
-
-            $('#errorLogin').text('Todos los campos son obligatorios.');
-
-            if (email === '') {
-                $('#loginEmail').addClass('is-invalid');
-            }
-
-            if (contrasena === '') {
-                $('#loginPassword').addClass('is-invalid');
-            }
-
-            return;
-        }
-
-        $.ajax({
-            method: "POST",
-            url: "controladores/controladorUsuario.php",
-            data: {
-                'email': email,
-                'contrasena': contrasena,
-                'orden': 'comprobarUsuario'
-            }
-        }).done(function(respuesta) {
-            //console.log(respuesta);
-            respuesta = JSON.parse(respuesta);
-            if (respuesta.error) {
-
-                $('#loginEmail').addClass('is-invalid');
-                $('#loginPassword').addClass('is-invalid');
-
-                $('#errorLogin').text(respuesta.error);
-
-            } else {
-
-                location.reload();
-            }
-
-        }); // Fin función ajax
-
-    });
-
-    // Cerrar sesión
-    $('#botonCerrarSesion').click(function(event) {
-        event.preventDefault();
-
-        $.ajax({
-            method: "POST",
-            url: "controladores/controladorUsuario.php",
-            data: {
-                'orden': 'cerrarSesion'
-            }
-        }).done(function(respuesta) {
-            //console.log(respuesta);
-            respuesta = JSON.parse(respuesta);
-            if (respuesta.error) {
-                console.log(respuesta.error);
-            } else {
-
-                // Sesión cerrada correctamente
-                location.reload();
-
-            }
-
-        }); // Fin función ajax
-
-    }); // Fin función click
-
-</script>
\ No newline at end of file
+<script src="js/cabecera.js"></script>
\ No newline at end of file
diff --git a/clases/ClaseUsuario.php b/clases/ClaseUsuario.php
index 410a252..a180469 100644
--- a/clases/ClaseUsuario.php
+++ b/clases/ClaseUsuario.php
@@ -1,7 +1,8 @@
 <?php
 require_once __DIR__ . '/../includes/conexionBD.php';
 
-class Usuario {
+class Usuario
+{
     private ?int $idUsuario;
     private string $nombreUsuario;
     private string $contrasena;
@@ -13,14 +14,14 @@ class Usuario {
     private int $derrotas;
 
     public function __construct(
-        string $nombreUsuario = "", 
-        string $contrasena = "", 
-        string $email = "", 
-        ?string $avatar = null, 
-        ?string $cookie = null, 
-        int $aciertos = 0, 
-        int $victorias = 0, 
-        int $derrotas = 0, 
+        string $nombreUsuario = "",
+        string $contrasena = "",
+        string $email = "",
+        ?string $avatar = null,
+        ?string $cookie = null,
+        int $aciertos = 0,
+        int $victorias = 0,
+        int $derrotas = 0,
         ?int $idUsuario = null
     ) {
         $this->idUsuario = $idUsuario;
@@ -34,33 +35,85 @@ class Usuario {
         $this->derrotas = $derrotas;
     }
 
-    public function getIdUsuario(): ?int { return $this->idUsuario; }
-    
-    public function getNombreUsuario(): string { return $this->nombreUsuario; }
-    public function setNombreUsuario(string $nombreUsuario): void { $this->nombreUsuario = $nombreUsuario; }
+    public function getIdUsuario(): ?int
+    {
+        return $this->idUsuario;
+    }
 
-    public function getContrasena(): string { return $this->contrasena; }
-    public function setContrasena(string $contrasena): void { $this->contrasena = $contrasena; }
+    public function getNombreUsuario(): string
+    {
+        return $this->nombreUsuario;
+    }
+    public function setNombreUsuario(string $nombreUsuario): void
+    {
+        $this->nombreUsuario = $nombreUsuario;
+    }
 
-    public function getEmail(): string { return $this->email; }
-    public function setEmail(string $email): void { $this->email = $email; }
+    public function getContrasena(): string
+    {
+        return $this->contrasena;
+    }
+    public function setContrasena(string $contrasena): void
+    {
+        $this->contrasena = $contrasena;
+    }
 
-    public function getAvatar(): ?string { return $this->avatar; }
-    public function setAvatar(?string $avatar): void { $this->avatar = $avatar; }
+    public function getEmail(): string
+    {
+        return $this->email;
+    }
+    public function setEmail(string $email): void
+    {
+        $this->email = $email;
+    }
 
-    public function getCookie(): ?string { return $this->cookie; }
-    public function setCookie(?string $cookie): void { $this->cookie = $cookie; }
+    public function getAvatar(): ?string
+    {
+        return $this->avatar;
+    }
+    public function setAvatar(?string $avatar): void
+    {
+        $this->avatar = $avatar;
+    }
 
-    public function getAciertos(): int { return $this->aciertos; }
-    public function setAciertos(int $aciertos): void { $this->aciertos = $aciertos; }
+    public function getCookie(): ?string
+    {
+        return $this->cookie;
+    }
+    public function setCookie(?string $cookie): void
+    {
+        $this->cookie = $cookie;
+    }
 
-    public function getVictorias(): int { return $this->victorias; }
-    public function setVictorias(int $victorias): void { $this->victorias = $victorias; }
+    public function getAciertos(): int
+    {
+        return $this->aciertos;
+    }
+    public function setAciertos(int $aciertos): void
+    {
+        $this->aciertos = $aciertos;
+    }
 
-    public function getDerrotas(): int { return $this->derrotas; }
-    public function setDerrotas(int $derrotas): void { $this->derrotas = $derrotas; }
+    public function getVictorias(): int
+    {
+        return $this->victorias;
+    }
+    public function setVictorias(int $victorias): void
+    {
+        $this->victorias = $victorias;
+    }
 
-    public function registrar() {
+    public function getDerrotas(): int
+    {
+        return $this->derrotas;
+    }
+    public function setDerrotas(int $derrotas): void
+    {
+        $this->derrotas = $derrotas;
+    }
+
+    public function registrar()
+    {
         $conexion = conexionBD();
 
         if (is_array($conexion)) {
@@ -71,7 +124,7 @@ class Usuario {
             $sql = "INSERT INTO usuario (nombreUsuario, contrasena, email, avatar, cookie, aciertos, victorias, derrotas) 
                     VALUES (:nombre, :pass, :email, :avatar, :cookie, :aciertos, :victorias, :derrotas)";
             $stmt = $conexion->prepare($sql);
-            
+
             $passHash = password_hash($this->contrasena, PASSWORD_BCRYPT);
 
             $stmt->execute([
@@ -91,7 +144,6 @@ class Usuario {
                 'exito' => 'Usuario registrado correctamente',
                 'exito_tecnico' => $this->idUsuario
             ];
-
         } catch (PDOException $error) {
             return [
                 'error' => 'Ocurrió un error al registrar el usuario.',
@@ -100,7 +152,8 @@ class Usuario {
         }
     }
 
-    public static function buscarPorId($id) {
+    public static function buscarPorId($id)
+    {
         $conexion = conexionBD();
 
         if (is_array($conexion)) {
@@ -111,27 +164,26 @@ class Usuario {
             $sql = "SELECT * FROM usuario WHERE idUsuario = :id";
             $stmt = $conexion->prepare($sql);
             $stmt->execute([':id' => $id]);
-            
+
             $datos = $stmt->fetch(PDO::FETCH_ASSOC);
 
             if ($datos) {
                 return new Usuario(
-                    $datos['nombreUsuario'], 
-                    $datos['contrasena'], 
-                    $datos['email'], 
-                    $datos['avatar'], 
-                    $datos['cookie'], 
-                    (int)$datos['aciertos'], 
-                    (int)$datos['victorias'], 
-                    (int)$datos['derrotas'], 
+                    $datos['nombreUsuario'],
+                    $datos['contrasena'],
+                    $datos['email'],
+                    $datos['avatar'],
+                    $datos['cookie'],
+                    (int)$datos['aciertos'],
+                    (int)$datos['victorias'],
+                    (int)$datos['derrotas'],
                     (int)$datos['idUsuario']
                 );
             }
-            
+
             return [
                 'error' => 'No se encontró ningún usuario con ese ID.'
             ];
-
         } catch (PDOException $error) {
             return [
                 'error' => 'Ocurrió un error al buscar el usuario.',
@@ -140,7 +192,8 @@ class Usuario {
         }
     }
 
-    public static function buscarPorEmail($email) {
+    public static function buscarPorEmail($email)
+    {
         $conexion = conexionBD();
 
         if (is_array($conexion)) {
@@ -189,6 +242,7 @@ class Usuario {
             unset($_SESSION['idUsuario']);
             unset($_SESSION['email']);
             unset($_SESSION['nombreUsuario']);
+            unset($_SESSION['avatar']);
 
             return null;
         }
@@ -200,6 +254,7 @@ class Usuario {
             $_SESSION['idUsuario'] = $usuario->getIdUsuario();
             $_SESSION['email'] = $usuario->getEmail();
             $_SESSION['nombreUsuario'] = $usuario->getNombreUsuario();
+            $_SESSION['avatar'] = $usuario->getAvatar();
 
             // Devolvemos el usuario como hasta ahora
             return $usuario;
@@ -209,8 +264,123 @@ class Usuario {
         unset($_SESSION['idUsuario']);
         unset($_SESSION['email']);
         unset($_SESSION['nombreUsuario']);
+        unset($_SESSION['avatar']);
 
         return null;
     }
-    
+
+    public function cambiarNombre($nuevoNombre)
+    {
+        $conexion = conexionBD();
+
+        if (is_array($conexion)) {
+            return $conexion;
+        }
+
+        try {
+
+            $sql = "UPDATE usuario 
+                SET nombreUsuario = :nombre 
+                WHERE idUsuario = :id";
+
+            $stmt = $conexion->prepare($sql);
+
+            $stmt->execute([
+                ':nombre' => $nuevoNombre,
+                ':id' => $this->idUsuario
+            ]);
+
+            // Actualizamos también el objeto actual
+            $this->nombreUsuario = $nuevoNombre;
+
+            return [
+                'exito' => 'Nombre actualizado correctamente.'
+            ];
+        } catch (PDOException $error) {
+
+            return [
+                'error' => 'Ocurrió un error al actualizar el nombre.',
+                'error_tecnico' => $error->getMessage()
+            ];
+        }
+    }
+
+    public function cambiarAvatar($archivo)
+    {
+        $carpeta = __DIR__ . '/../img/avatars/';
+
+        // Creamos la carpeta si no existe
+        if (!is_dir($carpeta)) {
+            mkdir($carpeta, 0755, true);
+        }
+
+        // Obtenemos la extensión según el tipo MIME
+        $tipo = mime_content_type($archivo['tmp_name']);
+
+        $extensiones = [
+            'image/jpeg' => 'jpg',
+            'image/png' => 'png',
+            'image/gif' => 'gif',
+            'image/webp' => 'webp'
+        ];
+
+        if (!isset($extensiones[$tipo])) {
+
+            return [
+                'error' => 'Formato de imagen no permitido.'
+            ];
+        }
+
+        $extension = $extensiones[$tipo];
+
+        // Nombre único para evitar conflictos
+        $nombreArchivo = 'avatar_' . $this->idUsuario . '.' . $extension;
+
+        $rutaCompleta = $carpeta . $nombreArchivo;
+
+        // Guardamos la imagen
+        if (!move_uploaded_file($archivo['tmp_name'], $rutaCompleta)) {
+
+            return [
+                'error' => 'No se pudo guardar la imagen.'
+            ];
+        }
+
+        // Ruta que utilizará el HTML
+        $rutaAvatar = 'img/avatars/' . $nombreArchivo;
+
+        $conexion = conexionBD();
+
+        if (is_array($conexion)) {
+            return $conexion;
+        }
+
+        try {
+
+            $sql = "UPDATE usuario 
+                SET avatar = :avatar 
+                WHERE idUsuario = :id";
+
+            $stmt = $conexion->prepare($sql);
+
+            $stmt->execute([
+                ':avatar' => $rutaAvatar,
+                ':id' => $this->idUsuario
+            ]);
+
+            // Actualizamos también el objeto actual
+            $this->avatar = $rutaAvatar;
+
+            return [
+                'exito' => 'Avatar actualizado correctamente.',
+                'avatar' => $rutaAvatar
+            ];
+        } catch (PDOException $error) {
+
+            return [
+                'error' => 'Ocurrió un error al actualizar el avatar.',
+                'error_tecnico' => $error->getMessage()
+            ];
+        }
+    }
 }
diff --git a/controladores/ControladorUsuario.php b/controladores/ControladorUsuario.php
index a61322b..cfc5206 100644
--- a/controladores/ControladorUsuario.php
+++ b/controladores/ControladorUsuario.php
@@ -35,7 +35,8 @@ switch ($_POST['orden']) {
         $usuario = new Usuario(
             $nombreUsuario,
             $contrasena,
-            $email
+            $email,
+            'img/avatars/defaultProfile.jpeg'
         );
 
         $resultado = $usuario->registrar();
@@ -97,7 +98,6 @@ switch ($_POST['orden']) {
                 'derrotas' => $usuario->getDerrotas(),
                 'aciertos' => $usuario->getAciertos()
             ]);
-
         } else {
 
             echo json_encode($usuario);
@@ -105,6 +105,120 @@ switch ($_POST['orden']) {
 
         break;
 
+    case 'cambiarNombre':
 
+        if (!isset($_SESSION['idUsuario'])) {
 
+            echo json_encode([
+                'error' => 'No hay ningún usuario conectado.'
+            ]);
+
+            break;
+        }
+
+        $nuevoNombre = trim($_POST['nombreUsuario'] ?? '');
+
+        if ($nuevoNombre === '') {
+
+            echo json_encode([
+                'error' => 'El nombre no puede estar vacío.'
+            ]);
+
+            break;
+        }
+
+        $usuario = Usuario::buscarPorId($_SESSION['idUsuario']);
+
+        if (!($usuario instanceof Usuario)) {
+
+            echo json_encode([
+                'error' => 'No se encontró el usuario.'
+            ]);
+
+            break;
+        }
+
+        $resultado = $usuario->cambiarNombre($nuevoNombre);
+
+        if (isset($resultado['error'])) {
+
+            echo json_encode($resultado);
+        } else {
+
+            // Actualizamos también la sesión
+            $_SESSION['nombreUsuario'] = $nuevoNombre;
+
+            echo json_encode([
+                'exito' => 'Nombre actualizado correctamente.',
+                'nombreUsuario' => $nuevoNombre
+            ]);
+        }
+
+        break;
+
+    case 'cambiarAvatar':
+
+        if (!isset($_SESSION['idUsuario'])) {
+
+            echo json_encode([
+                'error' => 'No hay ningún usuario conectado.'
+            ]);
+
+            break;
+        }
+
+        if (!isset($_FILES['avatar']) || $_FILES['avatar']['error'] !== UPLOAD_ERR_OK) {
+
+            echo json_encode([
+                'error' => 'No se ha recibido ninguna imagen.'
+            ]);
+
+            break;
+        }
+
+        $archivo = $_FILES['avatar'];
+
+        $tipo = mime_content_type($archivo['tmp_name']);
+
+        $tiposPermitidos = [
+            'image/jpeg',
+            'image/png',
+            'image/gif',
+            'image/webp'
+        ];
+
+        if (!in_array($tipo, $tiposPermitidos)) {
+
+            echo json_encode([
+                'error' => 'El formato de imagen no es válido.'
+            ]);
+
+            break;
+        }
+
+        $usuario = Usuario::buscarPorId($_SESSION['idUsuario']);
+
+        if (!($usuario instanceof Usuario)) {
+
+            echo json_encode([
+                'error' => 'No se encontró el usuario.'
+            ]);
+
+            break;
+        }
+
+        $resultado = $usuario->cambiarAvatar($archivo);
+
+        if (isset($resultado['error'])) {
+
+            echo json_encode($resultado);
+        } else {
+
+            // Actualizamos también la sesión
+            $_SESSION['avatar'] = $resultado['avatar'];
+
+            echo json_encode($resultado);
+        }
+
+        break;
 }
diff --git a/img/avatars/defaultProfile.jpeg b/img/avatars/defaultProfile.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..b0107ecf229a9873caba6d565abaadc4c2f97c86
GIT binary patch
literal 7112
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
LOA`QKx*Yj0?klm+

literal 0
HcmV?d00001

diff --git a/js/cabecera.js b/js/cabecera.js
new file mode 100644
index 0000000..7ba5510
--- /dev/null
+++ b/js/cabecera.js
@@ -0,0 +1,133 @@
+// Registro
+$("#botonAceptarRegistro").click(function (event) {
+  event.preventDefault();
+  console.log("hola");
+  let nombreUsuario = $("#regNombre").val().trim();
+  let email = $("#regEmail").val().trim();
+  let contrasena = $("#regPassword").val();
+  let contrasenaConfirmacion = $("#regPasswordConfirm").val();
+
+  // Limpiamos errores anteriores
+  $("#regNombre").removeClass("is-invalid");
+  $("#regEmail").removeClass("is-invalid");
+  $("#regPassword").removeClass("is-invalid");
+  $("#regPasswordConfirm").removeClass("is-invalid");
+  $("#errorRegistro").text("");
+
+  // Comprobamos que las contraseñas coincidan
+  if (contrasena !== contrasenaConfirmacion) {
+    $("#regPassword").addClass("is-invalid");
+    $("#regPasswordConfirm").addClass("is-invalid");
+
+    $("#errorRegistro").text("Las contraseñas no coinciden.");
+
+    return;
+  }
+
+  $.ajax({
+    method: "POST",
+    url: "controladores/controladorUsuario.php",
+    data: {
+      nombreUsuario: nombreUsuario,
+      email: email,
+      contrasena: contrasena,
+      orden: "registrarUsuario",
+    },
+  }).done(function (respuesta) {
+    //console.log(respuesta);
+    respuesta = JSON.parse(respuesta);
+    if (respuesta.error) {
+      $("#errorRegistro").text(respuesta.error);
+
+      // Marcamos los campos si hay error
+      $("#regNombre").addClass("is-invalid");
+      $("#regEmail").addClass("is-invalid");
+    } else {
+      // Registro correcto
+      $("#errorRegistro")
+        .removeClass("text-danger")
+        .addClass("text-success")
+        .text(respuesta.exito);
+
+      // Limpiamos formulario
+      $("#formRegistro")[0].reset();
+
+      // Cerramos modal después de un segundo
+      setTimeout(function () {
+        location.reload();
+      }, 1000);
+    }
+  }); // Fin función ajax
+});
+
+// Login
+$("#botonAceptarLogin").click(function (event) {
+  event.preventDefault();
+
+  let email = $("#loginEmail").val().trim();
+  let contrasena = $("#loginPassword").val();
+
+  // Limpiamos errores anteriores
+  $("#loginEmail").removeClass("is-invalid");
+  $("#loginPassword").removeClass("is-invalid");
+  $("#errorLogin").text("");
+
+  // Comprobación básica
+  if (email === "" || contrasena === "") {
+    $("#errorLogin").text("Todos los campos son obligatorios.");
+
+    if (email === "") {
+      $("#loginEmail").addClass("is-invalid");
+    }
+
+    if (contrasena === "") {
+      $("#loginPassword").addClass("is-invalid");
+    }
+
+    return;
+  }
+
+  $.ajax({
+    method: "POST",
+    url: "controladores/controladorUsuario.php",
+    data: {
+      email: email,
+      contrasena: contrasena,
+      orden: "comprobarUsuario",
+    },
+  }).done(function (respuesta) {
+    //console.log(respuesta);
+    respuesta = JSON.parse(respuesta);
+    if (respuesta.error) {
+      $("#loginEmail").addClass("is-invalid");
+      $("#loginPassword").addClass("is-invalid");
+
+      $("#errorLogin").text(respuesta.error);
+    } else {
+      location.reload();
+    }
+  }); // Fin función ajax
+});
+
+// Cerrar sesión
+$("#botonCerrarSesion").click(function (event) {
+  event.preventDefault();
+
+  $.ajax({
+    method: "POST",
+    url: "controladores/controladorUsuario.php",
+    data: {
+      orden: "cerrarSesion",
+    },
+  }).done(function (respuesta) {
+    //console.log(respuesta);
+    respuesta = JSON.parse(respuesta);
+    if (respuesta.error) {
+      console.log(respuesta.error);
+    } else {
+      // Sesión cerrada correctamente
+      window.location.href = 'index.php';
+
+    }
+  }); // Fin función ajax
+}); // Fin función click
diff --git a/js/perfil.js b/js/perfil.js
index edfca78..64f9353 100644
--- a/js/perfil.js
+++ b/js/perfil.js
@@ -1,42 +1,59 @@
+// =========================
+// MOSTRAR ESTADISTICAS
+// =========================
+
+$.ajax({
+  method: "POST",
+  url: "controladores/controladorUsuario.php",
+  data: {
+    orden: "mostrarEstadisticas",
+  },
+}).done(function (respuesta) {
+  console.log(respuesta);
+  respuesta = JSON.parse(respuesta);
+  if (respuesta.error) {
+    console.log(respuesta.error);
+  } else {
+    $("#victorias").text(respuesta.victorias);
+    $("#derrotas").text(respuesta.derrotas);
+    $("#aciertos").text(respuesta.aciertos);
+  }
+});
+
 // =========================
 // CAMBIAR NOMBRE
 // =========================
-
 function cambiarNombre() {
+  let nuevoNombre = $("#nuevoNombre").val().trim();
 
-    const input = document.getElementById("nuevoNombre");
-    const nombre = document.getElementById("nombre");
+  $.ajax({
+    method: "POST",
+    url: "controladores/controladorUsuario.php",
+    data: {
+      nombreUsuario: nuevoNombre,
+      orden: "cambiarNombre",
+    },
+  }).done(function (respuesta) {
+    console.log(respuesta);
+    respuesta = JSON.parse(respuesta);
+    if (respuesta.error) {
+      console.log(respuesta.error);
+    } else {
+      // Actualizamos el nombre mostrado en la página
+      $("#nombre").text(respuesta.nombreUsuario);
 
-    const nuevoNombre = input.value.trim();
-
-    if (nuevoNombre !== "") {
-
-        nombre.textContent = nuevoNombre;
-
-        input.value = "";
+      // Limpiamos el input
+      $("#nuevoNombre").val("");
     }
+  });
 }
 
-
 // =========================
 // BORRAR NOMBRE
 // =========================
 
 function borrarNombre() {
-
-    document.getElementById("nuevoNombre").value = "";
-
-}
-
-
-// =========================
-// ABRIR SELECTOR DE IMAGEN
-// =========================
-
-function seleccionarFoto() {
-
-    document.getElementById("inputFoto").click();
-
+  document.getElementById("nuevoNombre").value = "";
 }
 
 
@@ -44,31 +61,48 @@ function seleccionarFoto() {
 // CAMBIAR FOTO
 // =========================
 
-document.getElementById("inputFoto").addEventListener(
-    "change",
-    function(event) {
+function seleccionarFoto() {
+  $("#inputFoto").click();
+}
 
-        const archivo = event.target.files[0];
+$("#inputFoto").change(function () {
+  let archivo = this.files[0];
 
-        if (archivo) {
+  if (!archivo) {
+    return;
+  }
 
-            // Comprobamos que sea una imagen
-            if (!archivo.type.startsWith("image/")) {
+  // Comprobamos que sea una imagen
+  if (!archivo.type.startsWith("image/")) {
+    alert("El archivo seleccionado no es una imagen.");
 
-                alert("Por favor, selecciona una imagen.");
+    $("#inputFoto").val("");
 
-                return;
-            }
+    return;
+  }
 
+  let datos = new FormData();
 
-            // Creamos una URL temporal
-            const imagenURL = URL.createObjectURL(archivo);
-
-
-            // Cambiamos la foto
-            document.getElementById("fotoPerfil").src = imagenURL;
-
-        }
+  datos.append("avatar", archivo);
+  datos.append("orden", "cambiarAvatar");
 
+  $.ajax({
+    method: "POST",
+    url: "controladores/controladorUsuario.php",
+    data: datos,
+    processData: false,
+    contentType: false,
+  }).done(function (respuesta) {
+    console.log(respuesta);
+    respuesta = JSON.parse(respuesta);
+    if (respuesta.error) {
+      alert(respuesta.error);
+    } else {
+      // Actualizamos la imagen sin recargar la página
+      $("#fotoPerfil").attr(
+        "src",
+        respuesta.avatar + "?t=" + new Date().getTime(),
+      );
     }
-);
+  });
+});
diff --git a/perfil.php b/perfil.php
index a313d77..9782ddf 100644
--- a/perfil.php
+++ b/perfil.php
@@ -80,7 +80,7 @@
 
                             <img
                                 id="fotoPerfil"
-                                src="https://i.pravatar.cc/300?img=47"
+                                src="<?= htmlspecialchars($_SESSION['avatar'] ?? '') ?>"
                                 alt="Foto de perfil"
                                 class="avatar rounded-circle">
 
@@ -418,33 +418,6 @@
 
     </div>
 
-    <script>
-        $(document).ready(function() {
-
-            $.ajax({
-                method: "POST",
-                url: "controladores/controladorUsuario.php",
-                data: {
-                    'orden': 'mostrarEstadisticas'
-                }
-            }).done(function(respuesta) {
-                console.log(respuesta);
-                respuesta = JSON.parse(respuesta);
-                if (respuesta.error) {
-                    console.log(respuesta.error);
-                } else {
-
-                    $('#victorias').text(respuesta.victorias);
-                    $('#derrotas').text(respuesta.derrotas);
-                    $('#aciertos').text(respuesta.aciertos);
-
-                }
-
-            });
-
-        });
-    </script>
-
     <!-- Bootstrap JS -->
 
     <script