‫Instructeur : Enregistrons maintenant,
‫très rapidement, le nom réel de l'image
‫téléchargée dans le document utilisateur mis à jour correspondant.
‫Et faire cela est en fait assez simple.
‫Allons donc ici au middleware update me, et les données
‫qui sont mises à jour sont ici stockées dans cet
‫objet de corps filtré, n'est-ce pas ?
‫Et rappelez-vous que cet objet ici est le
‫résultat du filtrage de la requête. body, en ne laissant
‫que le nom et l'e-mail, n'est-ce pas ?
‫Maintenant, ajouter la photo à cela aussi est vraiment simple.
‫Tout ce que nous avons à faire, c'est quelque chose comme ça.
‫Donc, s'il y a une demande. fichier,
‫eh bien, filteredBody. photo, qui souvenez-vous, est le nom
‫du champ qui contient la
‫photo, va être égal à la demande. fichier, et puis c'est
‫. nom de fichier.
‫Alors, qu'est-ce que nous avons ici, n'est-ce pas ?
‫N'oubliez pas que nous ne stockons réellement que le nom
‫de l'image dans nos documents, et non le chemin complet vers l'image.
‫Et c'est exactement ce que nous voulons ici.
‫Alors, le nom du fichier, d'accord ?
‫Alors, sauvez-le et essayons-le ici.
‫Aussi, nous pouvons maintenant nous débarrasser de ces consoles. journaux ici.
‫D'accord, et j'espère que cette ligne de code ici a du sens pour
‫vous, mais je crois que c'est le cas.
‫Donc vraiment, tout ce que nous faisons, c'est d'ajouter la propriété
‫photo à l'objet qui va être mis à jour ici.
‫Et cette propriété de photo est,
‫bien sûr, égale au nom de fichier du fichier.
‫D'accord, alors essayons encore une fois.
‫Et maintenant, revenons à l'image originale,
‫qui est celle-ci.
‫Alors, ouvrez, envoyez et, en effet, nous avons maintenant
‫le bon nom de fichier.
‫Bon, ça marche vraiment maintenant.
‫Et maintenant, juste un petit détail dont
‫nous n'avons pas parlé avant.
‫Alors, que se passe-t-il lorsque nous créons un nouvel utilisateur ?
‫Ils n'auront pas de photo au début, non ?
‫Et donc changeons cela en fait.
‫D'accord, et pour cela, nous avons une image par défaut
‫ici, qui sera essentiellement celle-ci.
‫Passons donc au modèle utilisateur.
‫Donc, depuis longtemps, nous n'avons pas touché à celui-là.
‫Et donc ici, sur la photo, définissons maintenant une valeur par défaut, d'accord.
‫Donc ici, nous devons créer un objet.
‫Et maintenant, la valeur par défaut que nous voulons être par défaut. jpg.
‫D'accord, ce serait sur une nouvelle ligne, et cela aussi.
‫Très bien, et maintenant allons-y et
‫créons un nouvel utilisateur.
‫Alors, inscrivez-vous.
‫Et je l'appelle Monica.
‫Et, avec l'e-mail de Monica@exemple. com.
‫Comme tous les autres, d'accord.
‫Et toujours avec le mot de passe standard.
‫D'accord, et maintenant, allons de l'avant et
‫connectez-vous à notre application Web à l'aide de cet utilisateur nouvellement créé.
‫Alors, déconnectons Laura ici et
‫connectons-nous en tant que Monica avec le test un, deux, trois, quatre.
‫Essayons à nouveau ce mot de passe.
‫Testez un, deux, trois, quatre.
‫Et, cela ne fonctionne toujours pas.
‫Voyons voir, peut-être que nous lui avons donné un autre mot de passe.
‫Oh, d'accord, c'est la passe un, deux, trois, quatre.
‫Donc, erreur stupide ici.
‫Alors passez un, deux, trois, quatre, connectez-vous.
‫Bon, maintenant cela a fonctionné, et maintenant nous devrions recharger,
‫et maintenant en effet vous voyez ce genre
‫d'avatar standard que nous voyons parfois dans certaines applications Web, d'accord.
‫Alors maintenant, allons-y et mettons-la à jour.
‫Et donc, maintenant Monica est en fait l'utilisateur actuellement connecté.
‫Donc, nous n'avons plus besoin de nom ici.
‫Et maintenant, sélectionnons la
‫photo pour Monica, qui est celle-ci, ouvrez-la, envoyez-la.
‫Et, en effet, cela a fonctionné une fois de plus.
‫Voici le nom du fichier bien
‫formaté, et maintenant si nous rechargeons notre
‫page, alors bien sûr sa photo devrait apparaître ici.
‫Et en effet, le voici, génial, c'est vraiment génial.
‫Cela ressemble vraiment à une application du monde réel maintenant.
‫Maintenant, que se passe-t-il si l'utilisateur télécharge réellement une très grande image.
‫Disons 10 000 pour 10 000 pixels, ou
‫même une image qui n'est pas du tout un carré.
‫Eh bien, dans ce cas, nous devons redimensionner l'image
‫et formater l'image pour qu'elle corresponde vraiment à nos besoins dans notre application.
‫Et c'est ce que nous ferons ensuite.