‫Instrutor: Vamos agora,
‫muito rapidamente, salvar o nome real da
‫imagem carregada no documento do usuário atualizado correspondente.
‫E fazer isso é muito simples.
‫Então, vamos aqui para o middleware update me, e
‫os dados que são atualizados estão aqui armazenados
‫neste objeto de corpo filtrado, certo?
‫E lembre-se que este objeto aqui é o
‫resultado da filtragem da solicitação. corpo, deixando apenas
‫o nome e o email, certo?
‫Agora, adicionar a foto a isso também é muito simples.
‫Tudo o que precisamos fazer é algo assim.
‫Então, se houver pedido. arquivo,
‫bem, então, filterBody. foto, que lembre-se, é o nome
‫do campo que contém
‫a foto, vai ser igual a solicitar. arquivo, e então
‫é. nome do arquivo.
‫Então, o que temos aqui, certo?
‫Lembre-se de que apenas armazenamos o nome da imagem
‫em nossos documentos, e não todo o caminho até a imagem.
‫E isso é exatamente o que queremos aqui.
‫Então, o nome do arquivo, certo?
‫Então, salve e vamos tentar aqui.
‫Além disso, agora podemos nos livrar desses console. registros aqui.
‫Tudo bem, e espero que esta linha de código aqui faça
‫sentido para você, mas acredito que sim.
‫Então, na verdade, tudo o que estamos fazendo é adicionar
‫a propriedade photo ao objeto que será atualizado aqui.
‫E a propriedade da foto
‫é, obviamente, igual ao nome do arquivo do arquivo.
‫Ok, então vamos tentar aqui mais uma vez.
‫E agora de volta à imagem original, que
‫é esta aqui.
‫Portanto, abra, envie e, de fato, agora temos o
‫nome do arquivo correto.
‫Ok, isso realmente funciona agora.
‫E agora, apenas um pequeno detalhe sobre
‫o qual não falamos antes.
‫Então, o que acontece quando criamos um novo usuário?
‫Eles não vão ter nenhuma foto no começo, certo?
‫E então vamos realmente mudar isso.
‫Oka, e para isso temos uma imagem padrão aqui,
‫que basicamente será esta.
‫Então, vamos para o modelo do usuário.
‫Então, há muito tempo não tocamos naquele.
‫E aqui, na foto, vamos definir um padrão, ok.
‫Então, aqui precisamos criar um objeto.
‫E agora o padrão que queremos ser padrão. jpg.
‫Tudo bem, isso seria em uma nova linha, e também esta.
‫Tudo bem, e, agora vamos realmente prosseguir
‫e criar um novo usuário.
‫Então, inscreva-se.
‫E estou chamando ela de Monica.
‫E, com o e-mail da Monica @ exemplo. com.
‫Assim como todos os outros, ok.
‫E ainda com a senha padrão.
‫Ok, e agora vamos prosseguir e
‫fazer login em nosso aplicativo da web usando esse usuário recém-criado.
‫Então, vamos desconectar Laura aqui
‫e fazer login como Monica com o teste um, dois, três, quatro.
‫Vamos tentar essa senha novamente.
‫Teste um, dois, três, quatro.
‫E isso ainda não está funcionando.
‫Vamos ver, talvez demos a ela outra senha.
‫Ok, é a passagem um, dois, três, quatro.
‫Então, erro estúpido aqui.
‫Então passe um, dois, três, quatro, faça o login.
‫Ok, agora funcionou e agora devemos recarregar, e agora você
‫realmente vê esse tipo de avatar padrão
‫que às vezes vemos em alguns aplicativos da web, certo.
‫Portanto, agora, vamos atualizá-la.
‫E então, agora Monica é na verdade o usuário conectado no momento.
‫Então, não precisamos mais de nome aqui.
‫E agora vamos selecionar
‫a foto da Monica, que é essa, abrir, mandar.
‫E, de fato, funcionou mais uma vez.
‫Aqui está o nome do arquivo
‫bem formatado e, agora, se recarregarmos nossa página,
‫é claro que a foto dela deve aparecer aqui.
‫E, de fato, aqui está, incrível, isso é realmente ótimo.
‫Isso realmente parece um aplicativo do mundo real agora.
‫Agora, e se o usuário realmente fizer upload de uma imagem super grande.
‫Digamos 10.000 por 10.000 pixels, ou
‫mesmo uma imagem que não seja um quadrado.
‫Bem, nesse caso, precisamos redimensionar a imagem, e também
‫formatar a imagem realmente para se adequar às nossas necessidades em nosso aplicativo.
‫E é isso que faremos a seguir.