‫Instructor: Ahora, muy rápidamente,
‫guardemos el nombre real de la imagen
‫cargada en el documento de usuario actualizado correspondiente.
‫Y hacer eso es bastante simple.
‫Así que vayamos aquí al middleware update me, y
‫los datos que se actualizan se almacenan aquí en
‫este objeto de cuerpo filtrado, ¿verdad?
‫Y recuerde que este objeto aquí es el
‫resultado de filtrar la solicitud. cuerpo, dejando solo
‫el nombre y el correo electrónico, ¿verdad?
‫Ahora, agregar la foto a eso también es realmente simple.
‫Todo lo que tenemos que hacer es algo como esto.
‫Entonces, si hay una solicitud. file,
‫pues, filterBody. foto, que recuerda, es el nombre del
‫campo que contiene la foto,
‫va a ser igual a la solicitud. archivo, y luego lo
‫es. nombre del archivo.
‫Entonces, ¿qué tenemos aquí, verdad?
‫Recuerde que realmente solo almacenamos el nombre de la
‫imagen en nuestros documentos, y no la ruta completa a la imagen.
‫Y eso es exactamente lo que queremos aquí.
‫Entonces, el nombre del archivo, ¿está bien?
‫Entonces, déjelo guardar y probémoslo aquí.
‫Además, ahora podemos deshacernos de estas consolas. registros aquí.
‫Muy bien, y espero que esta línea de código aquí tenga sentido
‫para usted, pero creo que lo tiene.
‫Entonces, realmente, todo lo que estamos haciendo es agregar la propiedad
‫de la foto al objeto que se actualizará aquí.
‫Y esa propiedad de la foto
‫es, por supuesto, igual al nombre de archivo del archivo.
‫Bien, intentémoslo aquí una vez más.
‫Y ahora volvamos a la imagen original,
‫que es esta.
‫Entonces, abra, envíe y, de hecho, ahora tenemos el
‫nombre de archivo correcto.
‫Bien, eso realmente funciona ahora.
‫Y ahora, solo un pequeño detalle
‫del que no hablamos antes.
‫Entonces, ¿qué sucede cuando creamos un nuevo usuario?
‫No tendrán ninguna foto al principio, ¿verdad?
‫Así que cambiemos eso.
‫Oka, y para eso tenemos una imagen predeterminada aquí,
‫que básicamente será esta.
‫Entonces, vayamos al modelo de usuario.
‫Entonces, en mucho tiempo no lo hemos tocado.
‫Y aquí, en la foto, ahora definamos un valor predeterminado, está bien.
‫Entonces aquí necesitamos crear un objeto.
‫Y ahora queremos que sea el predeterminado. jpg.
‫Muy bien, esto sería en una nueva línea, y esto también.
‫Muy bien, y ahora sigamos adelante y
‫creemos un nuevo usuario.
‫Entonces, regístrate.
‫Y la llamo Monica.
‫Y, con el email de Monica @ ejemplo. com.
‫Como todos los demás, está bien.
‫Y aún con la contraseña estándar.
‫Bien, y ahora sigamos adelante e
‫inicie sesión en nuestra aplicación web con este usuario recién creado.
‫Entonces, cierre la sesión de Laura
‫aquí e inicie sesión como Monica con la prueba uno, dos, tres, cuatro.
‫Intentemos esa contraseña de nuevo.
‫Prueba uno, dos, tres, cuatro.
‫Y eso todavía no funciona.
‫Veamos, tal vez le dimos otra contraseña.
‫Oh, está bien, es el paso uno, dos, tres, cuatro.
‫Entonces, estúpido error aquí.
‫Así que pase uno, dos, tres, cuatro, inicie sesión.
‫Bien, ahora funcionó, y ahora deberíamos volver a cargar, y
‫ahora sí ves este tipo de avatar
‫estándar que a veces vemos en algunas aplicaciones web, de acuerdo.
‫Así que ahora, continuemos y actualicémosla.
‫Y así, ahora Monica es en realidad el usuario que ha iniciado sesión actualmente.
‫Entonces, ya no necesitamos ningún nombre aquí.
‫Y ahora seleccionemos la
‫foto de Monica, que es esta, ábrela, envíala.
‫Y, de hecho, funcionó una vez más.
‫Aquí está el nombre del archivo
‫bien formateado, y ahora, si recargamos nuestra
‫página, entonces, por supuesto, su foto debería aparecer aquí.
‫Y de hecho, aquí está, increíble, realmente genial.
‫Eso realmente se siente como una aplicación del mundo real ahora.
‫Ahora, ¿qué pasa si el usuario realmente carga una imagen súper grande?
‫Digamos 10,000 por 10,000 píxeles, o incluso
‫una imagen que no es un cuadrado en absoluto.
‫Bueno, en ese caso, necesitamos cambiar el tamaño de la imagen y
‫también formatear la imagen para que se ajuste realmente a nuestras necesidades en nuestra aplicación.
‫Y eso es lo que haremos a continuación.