1 00:00:00,960 --> 00:00:02,770 ‫Instructor: Ahora, muy rápidamente, 2 00:00:02,770 --> 00:00:05,560 ‫guardemos el nombre real de la imagen 3 00:00:05,560 --> 00:00:08,783 ‫cargada en el documento de usuario actualizado correspondiente. 4 00:00:10,490 --> 00:00:12,960 ‫Y hacer eso es bastante simple. 5 00:00:12,960 --> 00:00:16,330 ‫Así que vayamos aquí al middleware update me, y 6 00:00:16,330 --> 00:00:19,640 ‫los datos que se actualizan se almacenan aquí en 7 00:00:19,640 --> 00:00:22,310 ‫este objeto de cuerpo filtrado, ¿verdad? 8 00:00:22,310 --> 00:00:25,010 ‫Y recuerde que este objeto aquí es el 9 00:00:25,010 --> 00:00:29,090 ‫resultado de filtrar la solicitud. cuerpo, dejando solo 10 00:00:29,090 --> 00:00:32,900 ‫el nombre y el correo electrónico, ¿verdad? 11 00:00:32,900 --> 00:00:37,010 ‫Ahora, agregar la foto a eso también es realmente simple. 12 00:00:37,010 --> 00:00:39,680 ‫Todo lo que tenemos que hacer es algo como esto. 13 00:00:39,680 --> 00:00:44,110 ‫Entonces, si hay una solicitud. file, 14 00:00:44,110 --> 00:00:48,610 ‫pues, filterBody. foto, que recuerda, es el nombre del 15 00:00:48,610 --> 00:00:50,670 ‫campo que contiene la foto, 16 00:00:50,670 --> 00:00:55,670 ‫va a ser igual a la solicitud. archivo, y luego lo 17 00:00:56,710 --> 00:00:59,260 ‫es. nombre del archivo. 18 00:00:59,260 --> 00:01:01,780 ‫Entonces, ¿qué tenemos aquí, verdad? 19 00:01:01,780 --> 00:01:04,760 ‫Recuerde que realmente solo almacenamos el nombre de la 20 00:01:04,760 --> 00:01:08,100 ‫imagen en nuestros documentos, y no la ruta completa a la imagen. 21 00:01:08,100 --> 00:01:10,810 ‫Y eso es exactamente lo que queremos aquí. 22 00:01:10,810 --> 00:01:14,470 ‫Entonces, el nombre del archivo, ¿está bien? 23 00:01:14,470 --> 00:01:18,800 ‫Entonces, déjelo guardar y probémoslo aquí. 24 00:01:18,800 --> 00:01:21,913 ‫Además, ahora podemos deshacernos de estas consolas. registros aquí. 25 00:01:24,820 --> 00:01:28,610 ‫Muy bien, y espero que esta línea de código aquí tenga sentido 26 00:01:28,610 --> 00:01:31,240 ‫para usted, pero creo que lo tiene. 27 00:01:31,240 --> 00:01:34,650 ‫Entonces, realmente, todo lo que estamos haciendo es agregar la propiedad 28 00:01:34,650 --> 00:01:37,810 ‫de la foto al objeto que se actualizará aquí. 29 00:01:37,810 --> 00:01:39,750 ‫Y esa propiedad de la foto 30 00:01:39,750 --> 00:01:42,573 ‫es, por supuesto, igual al nombre de archivo del archivo. 31 00:01:43,720 --> 00:01:47,660 ‫Bien, intentémoslo aquí una vez más. 32 00:01:47,660 --> 00:01:50,373 ‫Y ahora volvamos a la imagen original, 33 00:01:53,240 --> 00:01:54,763 ‫que es esta. 34 00:01:56,090 --> 00:01:59,770 ‫Entonces, abra, envíe y, de hecho, ahora tenemos el 35 00:01:59,770 --> 00:02:01,853 ‫nombre de archivo correcto. 36 00:02:02,740 --> 00:02:06,450 ‫Bien, eso realmente funciona ahora. 37 00:02:06,450 --> 00:02:08,490 ‫Y ahora, solo un pequeño detalle 38 00:02:08,490 --> 00:02:10,340 ‫del que no hablamos antes. 39 00:02:10,340 --> 00:02:13,830 ‫Entonces, ¿qué sucede cuando creamos un nuevo usuario? 40 00:02:13,830 --> 00:02:16,750 ‫No tendrán ninguna foto al principio, ¿verdad? 41 00:02:16,750 --> 00:02:19,422 ‫Así que cambiemos eso. 42 00:02:19,422 --> 00:02:23,780 ‫Oka, y para eso tenemos una imagen predeterminada aquí, 43 00:02:23,780 --> 00:02:26,083 ‫que básicamente será esta. 44 00:02:27,380 --> 00:02:30,543 ‫Entonces, vayamos al modelo de usuario. 45 00:02:31,920 --> 00:02:35,410 ‫Entonces, en mucho tiempo no lo hemos tocado. 46 00:02:35,410 --> 00:02:40,410 ‫Y aquí, en la foto, ahora definamos un valor predeterminado, está bien. 47 00:02:40,550 --> 00:02:44,893 ‫Entonces aquí necesitamos crear un objeto. 48 00:02:49,280 --> 00:02:53,583 ‫Y ahora queremos que sea el predeterminado. jpg. 49 00:02:56,505 --> 00:03:00,733 ‫Muy bien, esto sería en una nueva línea, y esto también. 50 00:03:02,400 --> 00:03:05,490 ‫Muy bien, y ahora sigamos adelante y 51 00:03:05,490 --> 00:03:07,840 ‫creemos un nuevo usuario. 52 00:03:07,840 --> 00:03:08,923 ‫Entonces, regístrate. 53 00:03:11,730 --> 00:03:13,463 ‫Y la llamo Monica. 54 00:03:15,300 --> 00:03:20,300 ‫Y, con el email de Monica @ ejemplo. com. 55 00:03:23,220 --> 00:03:25,770 ‫Como todos los demás, está bien. 56 00:03:25,770 --> 00:03:27,620 ‫Y aún con la contraseña estándar. 57 00:03:29,660 --> 00:03:32,510 ‫Bien, y ahora sigamos adelante e 58 00:03:32,510 --> 00:03:36,813 ‫inicie sesión en nuestra aplicación web con este usuario recién creado. 59 00:03:38,800 --> 00:03:41,333 ‫Entonces, cierre la sesión de Laura 60 00:03:42,380 --> 00:03:47,380 ‫aquí e inicie sesión como Monica con la prueba uno, dos, tres, cuatro. 61 00:03:51,050 --> 00:03:52,560 ‫Intentemos esa contraseña de nuevo. 62 00:03:52,560 --> 00:03:54,523 ‫Prueba uno, dos, tres, cuatro. 63 00:03:56,550 --> 00:03:58,430 ‫Y eso todavía no funciona. 64 00:03:58,430 --> 00:04:01,920 ‫Veamos, tal vez le dimos otra contraseña. 65 00:04:01,920 --> 00:04:04,743 ‫Oh, está bien, es el paso uno, dos, tres, cuatro. 66 00:04:05,620 --> 00:04:09,390 ‫Entonces, estúpido error aquí. 67 00:04:09,390 --> 00:04:13,100 ‫Así que pase uno, dos, tres, cuatro, inicie sesión. 68 00:04:13,100 --> 00:04:17,400 ‫Bien, ahora funcionó, y ahora deberíamos volver a cargar, y 69 00:04:17,400 --> 00:04:21,130 ‫ahora sí ves este tipo de avatar 70 00:04:21,130 --> 00:04:25,640 ‫estándar que a veces vemos en algunas aplicaciones web, de acuerdo. 71 00:04:25,640 --> 00:04:29,000 ‫Así que ahora, continuemos y actualicémosla. 72 00:04:29,000 --> 00:04:32,683 ‫Y así, ahora Monica es en realidad el usuario que ha iniciado sesión actualmente. 73 00:04:34,410 --> 00:04:36,593 ‫Entonces, ya no necesitamos ningún nombre aquí. 74 00:04:38,600 --> 00:04:41,430 ‫Y ahora seleccionemos la 75 00:04:41,430 --> 00:04:46,250 ‫foto de Monica, que es esta, ábrela, envíala. 76 00:04:46,250 --> 00:04:49,500 ‫Y, de hecho, funcionó una vez más. 77 00:04:49,500 --> 00:04:52,120 ‫Aquí está el nombre del archivo 78 00:04:52,120 --> 00:04:55,130 ‫bien formateado, y ahora, si recargamos nuestra 79 00:04:55,130 --> 00:04:58,530 ‫página, entonces, por supuesto, su foto debería aparecer aquí. 80 00:04:58,530 --> 00:05:03,060 ‫Y de hecho, aquí está, increíble, realmente genial. 81 00:05:03,060 --> 00:05:06,500 ‫Eso realmente se siente como una aplicación del mundo real ahora. 82 00:05:06,500 --> 00:05:10,460 ‫Ahora, ¿qué pasa si el usuario realmente carga una imagen súper grande? 83 00:05:10,460 --> 00:05:13,960 ‫Digamos 10,000 por 10,000 píxeles, o incluso 84 00:05:13,960 --> 00:05:17,570 ‫una imagen que no es un cuadrado en absoluto. 85 00:05:17,570 --> 00:05:20,870 ‫Bueno, en ese caso, necesitamos cambiar el tamaño de la imagen y 86 00:05:20,870 --> 00:05:24,980 ‫también formatear la imagen para que se ajuste realmente a nuestras necesidades en nuestra aplicación. 87 00:05:24,980 --> 00:05:27,253 ‫Y eso es lo que haremos a continuación.