1 00:00:00,960 --> 00:00:02,770 ‫Instrutor: Vamos agora, 2 00:00:02,770 --> 00:00:05,560 ‫muito rapidamente, salvar o nome real da 3 00:00:05,560 --> 00:00:08,783 ‫imagem carregada no documento do usuário atualizado correspondente. 4 00:00:10,490 --> 00:00:12,960 ‫E fazer isso é muito simples. 5 00:00:12,960 --> 00:00:16,330 ‫Então, vamos aqui para o middleware update me, e 6 00:00:16,330 --> 00:00:19,640 ‫os dados que são atualizados estão aqui armazenados 7 00:00:19,640 --> 00:00:22,310 ‫neste objeto de corpo filtrado, certo? 8 00:00:22,310 --> 00:00:25,010 ‫E lembre-se que este objeto aqui é o 9 00:00:25,010 --> 00:00:29,090 ‫resultado da filtragem da solicitação. corpo, deixando apenas 10 00:00:29,090 --> 00:00:32,900 ‫o nome e o email, certo? 11 00:00:32,900 --> 00:00:37,010 ‫Agora, adicionar a foto a isso também é muito simples. 12 00:00:37,010 --> 00:00:39,680 ‫Tudo o que precisamos fazer é algo assim. 13 00:00:39,680 --> 00:00:44,110 ‫Então, se houver pedido. arquivo, 14 00:00:44,110 --> 00:00:48,610 ‫bem, então, filterBody. foto, que lembre-se, é o nome 15 00:00:48,610 --> 00:00:50,670 ‫do campo que contém 16 00:00:50,670 --> 00:00:55,670 ‫a foto, vai ser igual a solicitar. arquivo, e então 17 00:00:56,710 --> 00:00:59,260 ‫é. nome do arquivo. 18 00:00:59,260 --> 00:01:01,780 ‫Então, o que temos aqui, certo? 19 00:01:01,780 --> 00:01:04,760 ‫Lembre-se de que apenas armazenamos o nome da imagem 20 00:01:04,760 --> 00:01:08,100 ‫em nossos documentos, e não todo o caminho até a imagem. 21 00:01:08,100 --> 00:01:10,810 ‫E isso é exatamente o que queremos aqui. 22 00:01:10,810 --> 00:01:14,470 ‫Então, o nome do arquivo, certo? 23 00:01:14,470 --> 00:01:18,800 ‫Então, salve e vamos tentar aqui. 24 00:01:18,800 --> 00:01:21,913 ‫Além disso, agora podemos nos livrar desses console. registros aqui. 25 00:01:24,820 --> 00:01:28,610 ‫Tudo bem, e espero que esta linha de código aqui faça 26 00:01:28,610 --> 00:01:31,240 ‫sentido para você, mas acredito que sim. 27 00:01:31,240 --> 00:01:34,650 ‫Então, na verdade, tudo o que estamos fazendo é adicionar 28 00:01:34,650 --> 00:01:37,810 ‫a propriedade photo ao objeto que será atualizado aqui. 29 00:01:37,810 --> 00:01:39,750 ‫E a propriedade da foto 30 00:01:39,750 --> 00:01:42,573 ‫é, obviamente, igual ao nome do arquivo do arquivo. 31 00:01:43,720 --> 00:01:47,660 ‫Ok, então vamos tentar aqui mais uma vez. 32 00:01:47,660 --> 00:01:50,373 ‫E agora de volta à imagem original, que 33 00:01:53,240 --> 00:01:54,763 ‫é esta aqui. 34 00:01:56,090 --> 00:01:59,770 ‫Portanto, abra, envie e, de fato, agora temos o 35 00:01:59,770 --> 00:02:01,853 ‫nome do arquivo correto. 36 00:02:02,740 --> 00:02:06,450 ‫Ok, isso realmente funciona agora. 37 00:02:06,450 --> 00:02:08,490 ‫E agora, apenas um pequeno detalhe sobre 38 00:02:08,490 --> 00:02:10,340 ‫o qual não falamos antes. 39 00:02:10,340 --> 00:02:13,830 ‫Então, o que acontece quando criamos um novo usuário? 40 00:02:13,830 --> 00:02:16,750 ‫Eles não vão ter nenhuma foto no começo, certo? 41 00:02:16,750 --> 00:02:19,422 ‫E então vamos realmente mudar isso. 42 00:02:19,422 --> 00:02:23,780 ‫Oka, e para isso temos uma imagem padrão aqui, 43 00:02:23,780 --> 00:02:26,083 ‫que basicamente será esta. 44 00:02:27,380 --> 00:02:30,543 ‫Então, vamos para o modelo do usuário. 45 00:02:31,920 --> 00:02:35,410 ‫Então, há muito tempo não tocamos naquele. 46 00:02:35,410 --> 00:02:40,410 ‫E aqui, na foto, vamos definir um padrão, ok. 47 00:02:40,550 --> 00:02:44,893 ‫Então, aqui precisamos criar um objeto. 48 00:02:49,280 --> 00:02:53,583 ‫E agora o padrão que queremos ser padrão. jpg. 49 00:02:56,505 --> 00:03:00,733 ‫Tudo bem, isso seria em uma nova linha, e também esta. 50 00:03:02,400 --> 00:03:05,490 ‫Tudo bem, e, agora vamos realmente prosseguir 51 00:03:05,490 --> 00:03:07,840 ‫e criar um novo usuário. 52 00:03:07,840 --> 00:03:08,923 ‫Então, inscreva-se. 53 00:03:11,730 --> 00:03:13,463 ‫E estou chamando ela de Monica. 54 00:03:15,300 --> 00:03:20,300 ‫E, com o e-mail da Monica @ exemplo. com. 55 00:03:23,220 --> 00:03:25,770 ‫Assim como todos os outros, ok. 56 00:03:25,770 --> 00:03:27,620 ‫E ainda com a senha padrão. 57 00:03:29,660 --> 00:03:32,510 ‫Ok, e agora vamos prosseguir e 58 00:03:32,510 --> 00:03:36,813 ‫fazer login em nosso aplicativo da web usando esse usuário recém-criado. 59 00:03:38,800 --> 00:03:41,333 ‫Então, vamos desconectar Laura aqui 60 00:03:42,380 --> 00:03:47,380 ‫e fazer login como Monica com o teste um, dois, três, quatro. 61 00:03:51,050 --> 00:03:52,560 ‫Vamos tentar essa senha novamente. 62 00:03:52,560 --> 00:03:54,523 ‫Teste um, dois, três, quatro. 63 00:03:56,550 --> 00:03:58,430 ‫E isso ainda não está funcionando. 64 00:03:58,430 --> 00:04:01,920 ‫Vamos ver, talvez demos a ela outra senha. 65 00:04:01,920 --> 00:04:04,743 ‫Ok, é a passagem um, dois, três, quatro. 66 00:04:05,620 --> 00:04:09,390 ‫Então, erro estúpido aqui. 67 00:04:09,390 --> 00:04:13,100 ‫Então passe um, dois, três, quatro, faça o login. 68 00:04:13,100 --> 00:04:17,400 ‫Ok, agora funcionou e agora devemos recarregar, e agora você 69 00:04:17,400 --> 00:04:21,130 ‫realmente vê esse tipo de avatar padrão 70 00:04:21,130 --> 00:04:25,640 ‫que às vezes vemos em alguns aplicativos da web, certo. 71 00:04:25,640 --> 00:04:29,000 ‫Portanto, agora, vamos atualizá-la. 72 00:04:29,000 --> 00:04:32,683 ‫E então, agora Monica é na verdade o usuário conectado no momento. 73 00:04:34,410 --> 00:04:36,593 ‫Então, não precisamos mais de nome aqui. 74 00:04:38,600 --> 00:04:41,430 ‫E agora vamos selecionar 75 00:04:41,430 --> 00:04:46,250 ‫a foto da Monica, que é essa, abrir, mandar. 76 00:04:46,250 --> 00:04:49,500 ‫E, de fato, funcionou mais uma vez. 77 00:04:49,500 --> 00:04:52,120 ‫Aqui está o nome do arquivo 78 00:04:52,120 --> 00:04:55,130 ‫bem formatado e, agora, se recarregarmos nossa página, 79 00:04:55,130 --> 00:04:58,530 ‫é claro que a foto dela deve aparecer aqui. 80 00:04:58,530 --> 00:05:03,060 ‫E, de fato, aqui está, incrível, isso é realmente ótimo. 81 00:05:03,060 --> 00:05:06,500 ‫Isso realmente parece um aplicativo do mundo real agora. 82 00:05:06,500 --> 00:05:10,460 ‫Agora, e se o usuário realmente fizer upload de uma imagem super grande. 83 00:05:10,460 --> 00:05:13,960 ‫Digamos 10.000 por 10.000 pixels, ou 84 00:05:13,960 --> 00:05:17,570 ‫mesmo uma imagem que não seja um quadrado. 85 00:05:17,570 --> 00:05:20,870 ‫Bem, nesse caso, precisamos redimensionar a imagem, e também 86 00:05:20,870 --> 00:05:24,980 ‫formatar a imagem realmente para se adequar às nossas necessidades em nosso aplicativo. 87 00:05:24,980 --> 00:05:27,253 ‫E é isso que faremos a seguir.