1 00:00:00,960 --> 00:00:02,770 ‫Instructeur : Enregistrons maintenant, 2 00:00:02,770 --> 00:00:05,560 ‫très rapidement, le nom réel de l'image 3 00:00:05,560 --> 00:00:08,783 ‫téléchargée dans le document utilisateur mis à jour correspondant. 4 00:00:10,490 --> 00:00:12,960 ‫Et faire cela est en fait assez simple. 5 00:00:12,960 --> 00:00:16,330 ‫Allons donc ici au middleware update me, et les données 6 00:00:16,330 --> 00:00:19,640 ‫qui sont mises à jour sont ici stockées dans cet 7 00:00:19,640 --> 00:00:22,310 ‫objet de corps filtré, n'est-ce pas ? 8 00:00:22,310 --> 00:00:25,010 ‫Et rappelez-vous que cet objet ici est le 9 00:00:25,010 --> 00:00:29,090 ‫résultat du filtrage de la requête. body, en ne laissant 10 00:00:29,090 --> 00:00:32,900 ‫que le nom et l'e-mail, n'est-ce pas ? 11 00:00:32,900 --> 00:00:37,010 ‫Maintenant, ajouter la photo à cela aussi est vraiment simple. 12 00:00:37,010 --> 00:00:39,680 ‫Tout ce que nous avons à faire, c'est quelque chose comme ça. 13 00:00:39,680 --> 00:00:44,110 ‫Donc, s'il y a une demande. fichier, 14 00:00:44,110 --> 00:00:48,610 ‫eh bien, filteredBody. photo, qui souvenez-vous, est le nom 15 00:00:48,610 --> 00:00:50,670 ‫du champ qui contient la 16 00:00:50,670 --> 00:00:55,670 ‫photo, va être égal à la demande. fichier, et puis c'est 17 00:00:56,710 --> 00:00:59,260 ‫. nom de fichier. 18 00:00:59,260 --> 00:01:01,780 ‫Alors, qu'est-ce que nous avons ici, n'est-ce pas ? 19 00:01:01,780 --> 00:01:04,760 ‫N'oubliez pas que nous ne stockons réellement que le nom 20 00:01:04,760 --> 00:01:08,100 ‫de l'image dans nos documents, et non le chemin complet vers l'image. 21 00:01:08,100 --> 00:01:10,810 ‫Et c'est exactement ce que nous voulons ici. 22 00:01:10,810 --> 00:01:14,470 ‫Alors, le nom du fichier, d'accord ? 23 00:01:14,470 --> 00:01:18,800 ‫Alors, sauvez-le et essayons-le ici. 24 00:01:18,800 --> 00:01:21,913 ‫Aussi, nous pouvons maintenant nous débarrasser de ces consoles. journaux ici. 25 00:01:24,820 --> 00:01:28,610 ‫D'accord, et j'espère que cette ligne de code ici a du sens pour 26 00:01:28,610 --> 00:01:31,240 ‫vous, mais je crois que c'est le cas. 27 00:01:31,240 --> 00:01:34,650 ‫Donc vraiment, tout ce que nous faisons, c'est d'ajouter la propriété 28 00:01:34,650 --> 00:01:37,810 ‫photo à l'objet qui va être mis à jour ici. 29 00:01:37,810 --> 00:01:39,750 ‫Et cette propriété de photo est, 30 00:01:39,750 --> 00:01:42,573 ‫bien sûr, égale au nom de fichier du fichier. 31 00:01:43,720 --> 00:01:47,660 ‫D'accord, alors essayons encore une fois. 32 00:01:47,660 --> 00:01:50,373 ‫Et maintenant, revenons à l'image originale, 33 00:01:53,240 --> 00:01:54,763 ‫qui est celle-ci. 34 00:01:56,090 --> 00:01:59,770 ‫Alors, ouvrez, envoyez et, en effet, nous avons maintenant 35 00:01:59,770 --> 00:02:01,853 ‫le bon nom de fichier. 36 00:02:02,740 --> 00:02:06,450 ‫Bon, ça marche vraiment maintenant. 37 00:02:06,450 --> 00:02:08,490 ‫Et maintenant, juste un petit détail dont 38 00:02:08,490 --> 00:02:10,340 ‫nous n'avons pas parlé avant. 39 00:02:10,340 --> 00:02:13,830 ‫Alors, que se passe-t-il lorsque nous créons un nouvel utilisateur ? 40 00:02:13,830 --> 00:02:16,750 ‫Ils n'auront pas de photo au début, non ? 41 00:02:16,750 --> 00:02:19,422 ‫Et donc changeons cela en fait. 42 00:02:19,422 --> 00:02:23,780 ‫D'accord, et pour cela, nous avons une image par défaut 43 00:02:23,780 --> 00:02:26,083 ‫ici, qui sera essentiellement celle-ci. 44 00:02:27,380 --> 00:02:30,543 ‫Passons donc au modèle utilisateur. 45 00:02:31,920 --> 00:02:35,410 ‫Donc, depuis longtemps, nous n'avons pas touché à celui-là. 46 00:02:35,410 --> 00:02:40,410 ‫Et donc ici, sur la photo, définissons maintenant une valeur par défaut, d'accord. 47 00:02:40,550 --> 00:02:44,893 ‫Donc ici, nous devons créer un objet. 48 00:02:49,280 --> 00:02:53,583 ‫Et maintenant, la valeur par défaut que nous voulons être par défaut. jpg. 49 00:02:56,505 --> 00:03:00,733 ‫D'accord, ce serait sur une nouvelle ligne, et cela aussi. 50 00:03:02,400 --> 00:03:05,490 ‫Très bien, et maintenant allons-y et 51 00:03:05,490 --> 00:03:07,840 ‫créons un nouvel utilisateur. 52 00:03:07,840 --> 00:03:08,923 ‫Alors, inscrivez-vous. 53 00:03:11,730 --> 00:03:13,463 ‫Et je l'appelle Monica. 54 00:03:15,300 --> 00:03:20,300 ‫Et, avec l'e-mail de Monica@exemple. com. 55 00:03:23,220 --> 00:03:25,770 ‫Comme tous les autres, d'accord. 56 00:03:25,770 --> 00:03:27,620 ‫Et toujours avec le mot de passe standard. 57 00:03:29,660 --> 00:03:32,510 ‫D'accord, et maintenant, allons de l'avant et 58 00:03:32,510 --> 00:03:36,813 ‫connectez-vous à notre application Web à l'aide de cet utilisateur nouvellement créé. 59 00:03:38,800 --> 00:03:41,333 ‫Alors, déconnectons Laura ici et 60 00:03:42,380 --> 00:03:47,380 ‫connectons-nous en tant que Monica avec le test un, deux, trois, quatre. 61 00:03:51,050 --> 00:03:52,560 ‫Essayons à nouveau ce mot de passe. 62 00:03:52,560 --> 00:03:54,523 ‫Testez un, deux, trois, quatre. 63 00:03:56,550 --> 00:03:58,430 ‫Et, cela ne fonctionne toujours pas. 64 00:03:58,430 --> 00:04:01,920 ‫Voyons voir, peut-être que nous lui avons donné un autre mot de passe. 65 00:04:01,920 --> 00:04:04,743 ‫Oh, d'accord, c'est la passe un, deux, trois, quatre. 66 00:04:05,620 --> 00:04:09,390 ‫Donc, erreur stupide ici. 67 00:04:09,390 --> 00:04:13,100 ‫Alors passez un, deux, trois, quatre, connectez-vous. 68 00:04:13,100 --> 00:04:17,400 ‫Bon, maintenant cela a fonctionné, et maintenant nous devrions recharger, 69 00:04:17,400 --> 00:04:21,130 ‫et maintenant en effet vous voyez ce genre 70 00:04:21,130 --> 00:04:25,640 ‫d'avatar standard que nous voyons parfois dans certaines applications Web, d'accord. 71 00:04:25,640 --> 00:04:29,000 ‫Alors maintenant, allons-y et mettons-la à jour. 72 00:04:29,000 --> 00:04:32,683 ‫Et donc, maintenant Monica est en fait l'utilisateur actuellement connecté. 73 00:04:34,410 --> 00:04:36,593 ‫Donc, nous n'avons plus besoin de nom ici. 74 00:04:38,600 --> 00:04:41,430 ‫Et maintenant, sélectionnons la 75 00:04:41,430 --> 00:04:46,250 ‫photo pour Monica, qui est celle-ci, ouvrez-la, envoyez-la. 76 00:04:46,250 --> 00:04:49,500 ‫Et, en effet, cela a fonctionné une fois de plus. 77 00:04:49,500 --> 00:04:52,120 ‫Voici le nom du fichier bien 78 00:04:52,120 --> 00:04:55,130 ‫formaté, et maintenant si nous rechargeons notre 79 00:04:55,130 --> 00:04:58,530 ‫page, alors bien sûr sa photo devrait apparaître ici. 80 00:04:58,530 --> 00:05:03,060 ‫Et en effet, le voici, génial, c'est vraiment génial. 81 00:05:03,060 --> 00:05:06,500 ‫Cela ressemble vraiment à une application du monde réel maintenant. 82 00:05:06,500 --> 00:05:10,460 ‫Maintenant, que se passe-t-il si l'utilisateur télécharge réellement une très grande image. 83 00:05:10,460 --> 00:05:13,960 ‫Disons 10 000 pour 10 000 pixels, ou 84 00:05:13,960 --> 00:05:17,570 ‫même une image qui n'est pas du tout un carré. 85 00:05:17,570 --> 00:05:20,870 ‫Eh bien, dans ce cas, nous devons redimensionner l'image 86 00:05:20,870 --> 00:05:24,980 ‫et formater l'image pour qu'elle corresponde vraiment à nos besoins dans notre application. 87 00:05:24,980 --> 00:05:27,253 ‫Et c'est ce que nous ferons ensuite.