1
00:00:01,310 --> 00:00:04,140
‫-: Dans cette vidéo, vous allez découvrir le traitement

2
00:00:04,140 --> 00:00:06,930
‫et la manipulation d'images avec Node JS, et

3
00:00:06,930 --> 00:00:08,760
‫dans ce cas particulier,

4
00:00:08,760 --> 00:00:11,193
‫nous allons redimensionner et convertir nos images.

5
00:00:12,760 --> 00:00:15,140
‫Ainsi, partout dans notre interface utilisateur,

6
00:00:15,140 --> 00:00:18,490
‫nous supposons que les images téléchargées sont des carrés.

7
00:00:18,490 --> 00:00:20,250
‫Pour que nous puissions ensuite

8
00:00:20,250 --> 00:00:22,570
‫les afficher sous forme de cercles comme celui-ci.

9
00:00:22,570 --> 00:00:25,400
‫Et donc cela ne fonctionne que lorsqu'il s'agit

10
00:00:25,400 --> 00:00:27,260
‫de carrés, mais bien

11
00:00:27,260 --> 00:00:30,535
‫sûr, dans le monde réel, les utilisateurs vont rarement télécharger

12
00:00:30,535 --> 00:00:32,520
‫des images qui sont des carrés.

13
00:00:32,520 --> 00:00:34,600
‫Et donc notre travail consiste

14
00:00:34,600 --> 00:00:37,850
‫maintenant à redimensionner les images pour en faire des carrés.

15
00:00:37,850 --> 00:00:41,300
‫D'accord, et voici comment nous allons procéder.

16
00:00:41,300 --> 00:00:45,370
‫Nous ajouterons encore un autre middleware avant de me mettre à

17
00:00:45,370 --> 00:00:47,570
‫jour, puis ce middleware se

18
00:00:47,570 --> 00:00:49,920
‫chargera du traitement réel de l'image.

19
00:00:49,920 --> 00:00:53,200
‫D'accord, alors faisons-le ici dans le code juste après

20
00:00:53,200 --> 00:00:54,470
‫celui-ci, car ils

21
00:00:54,470 --> 00:00:57,333
‫sont en quelque sorte connectés, n'est-ce pas ?

22
00:00:58,610 --> 00:01:00,623
‫Donc, exporte le

23
00:01:01,690 --> 00:01:05,513
‫point, redimensionne la photo de l'utilisateur.

24
00:01:13,250 --> 00:01:15,320
‫Et avant de continuer, ajoutons en

25
00:01:15,320 --> 00:01:18,160
‫fait ce middleware à la pile de middleware dans

26
00:01:18,160 --> 00:01:19,523
‫cette route particulière.

27
00:01:20,870 --> 00:01:22,673
‫C'est donc dans les routes

28
00:01:23,860 --> 00:01:26,710
‫utilisateur, et donc ici juste après que la

29
00:01:26,710 --> 00:01:27,923
‫photo ait

30
00:01:29,410 --> 00:01:32,470
‫été téléchargée dans ce middleware, nous la redimensionnerons ensuite.

31
00:01:32,470 --> 00:01:35,180
‫Alors redimensionnez, et ici c'est en fait

32
00:01:35,180 --> 00:01:36,603
‫le contrôleur utilisateur.

33
00:01:41,130 --> 00:01:42,710
‫Bien.

34
00:01:42,710 --> 00:01:44,060
‫Descendons

35
00:01:45,620 --> 00:01:47,320
‫ici et revenons.

36
00:01:47,320 --> 00:01:49,480
‫Et donc à ce stade nous avons

37
00:01:49,480 --> 00:01:51,540
‫déjà le dossier sur notre demande.

38
00:01:51,540 --> 00:01:53,500
‫Au moins s'il y avait un téléchargement, et

39
00:01:53,500 --> 00:01:55,000
‫s'il n'y avait pas de

40
00:01:55,000 --> 00:01:57,280
‫téléchargement, alors bien sûr nous ne voulons rien faire.

41
00:01:57,280 --> 00:02:00,163
‫Cela signifie donc que nous voulons passer au prochain middleware.

42
00:02:01,090 --> 00:02:03,680
‫Donc, s'il n'y a pas de

43
00:02:05,230 --> 00:02:10,230
‫fichier sur la demande, revenez tout de suite et passez au suivant.

44
00:02:10,960 --> 00:02:13,380
‫D'accord, mais sinon, bien sûr, nous

45
00:02:13,380 --> 00:02:15,700
‫voulons ensuite redimensionner l'image.

46
00:02:15,700 --> 00:02:19,690
‫Et pour cela, nous allons utiliser le package sharp.

47
00:02:19,690 --> 00:02:20,890
‫Bien.

48
00:02:20,890 --> 00:02:24,453
‫Alors, tout d'abord, installons-le réellement.

49
00:02:25,630 --> 00:02:28,710
‫Alors MPM installez sharp D'accord, et

50
00:02:32,190 --> 00:02:35,720
‫puisque cela fait son travail, allons-y

51
00:02:35,720 --> 00:02:38,533
‫et mettons-le déjà ici.

52
00:02:39,500 --> 00:02:40,463
‫Si

53
00:02:41,940 --> 00:02:45,600
‫pointu, et nécessite, pointu.

54
00:02:45,600 --> 00:02:47,360
‫Et sharp est une bibliothèque de traitement

55
00:02:47,360 --> 00:02:51,230
‫d'image vraiment agréable et facile à utiliser pour Node Js. Et il y a

56
00:02:51,230 --> 00:02:52,590
‫pas mal de choses que

57
00:02:52,590 --> 00:02:53,930
‫nous pouvons faire avec.

58
00:02:53,930 --> 00:02:55,970
‫Mais là où il brille

59
00:02:55,970 --> 00:02:59,150
‫vraiment, c'est pour redimensionner les images de manière très simple.

60
00:02:59,150 --> 00:03:03,690
‫Et donc, c'est exactement ce que nous recherchons ici.

61
00:03:03,690 --> 00:03:04,550
‫Bien.

62
00:03:04,550 --> 00:03:08,590
‫Donc, nous disons sharp et puis ici, nous

63
00:03:08,590 --> 00:03:11,180
‫devons essentiellement transmettre le fichier.

64
00:03:11,180 --> 00:03:13,990
‫Maintenant, lorsque vous effectuez un traitement d'image comme

65
00:03:13,990 --> 00:03:16,120
‫celui-ci juste après le téléchargement

66
00:03:16,120 --> 00:03:19,310
‫d'un fichier, il est toujours préférable de ne même pas

67
00:03:19,310 --> 00:03:22,770
‫enregistrer le fichier sur le disque, mais de l'enregistrer en mémoire.

68
00:03:22,770 --> 00:03:24,580
‫Nous en avons déjà parlé auparavant,

69
00:03:24,580 --> 00:03:27,130
‫et c'est donc maintenant le cas dans la pratique.

70
00:03:27,130 --> 00:03:29,930
‫D'accord, donc pour cela, nous devons changer

71
00:03:29,930 --> 00:03:32,830
‫un peu la configuration de multer et en

72
00:03:32,830 --> 00:03:35,230
‫fait juste ce stockage de

73
00:03:35,230 --> 00:03:38,703
‫multer, car maintenant nous n'avons plus besoin de tout cela.

74
00:03:40,600 --> 00:03:42,453
‫Et au lieu de

75
00:03:45,700 --> 00:03:50,700
‫multer le stockage, il s'agira simplement de multer le stockage en mémoire de points.

76
00:03:52,250 --> 00:03:54,810
‫Et juste comme ça, d'accord ?

77
00:03:54,810 --> 00:03:56,720
‫Et comme je l'ai mentionné

78
00:03:56,720 --> 00:04:00,730
‫plus tôt, de cette façon, l'image sera ensuite stockée en tant que tampon.

79
00:04:00,730 --> 00:04:03,080
‫Et donc ce tampon est alors

80
00:04:03,080 --> 00:04:07,820
‫disponible à la demande dot file dot buffer et c'est donc beaucoup plus

81
00:04:07,820 --> 00:04:10,500
‫efficace comme ça, donc au lieu d'avoir

82
00:04:10,500 --> 00:04:13,600
‫à écrire le fichier sur le disque puis

83
00:04:13,600 --> 00:04:15,330
‫à le relire ici.

84
00:04:15,330 --> 00:04:17,860
‫Nous gardons simplement l'image en mémoire

85
00:04:17,860 --> 00:04:20,960
‫et nous pouvons ensuite la lire, d'accord ?

86
00:04:20,960 --> 00:04:23,181
‫Quoi qu'il en soit, appeler la fonction

87
00:04:23,181 --> 00:04:26,300
‫sharp comme ceci ici créera alors un objet sur lequel

88
00:04:26,300 --> 00:04:29,750
‫nous pourrons enchaîner plusieurs méthodes afin de faire notre traitement d'image.

89
00:04:29,750 --> 00:04:32,913
‫Et donc le premier que nous allons faire est de redimensionner.

90
00:04:34,040 --> 00:04:36,740
‫Donc, redimensionnez, puis ici nous pouvons spécifier la

91
00:04:36,740 --> 00:04:38,480
‫largeur et la hauteur.

92
00:04:38,480 --> 00:04:42,480
‫Et donc disons 500 et 500 alors rappelez-vous que nous voulons

93
00:04:42,480 --> 00:04:44,780
‫des images carrées, et donc bien

94
00:04:44,780 --> 00:04:47,220
‫sûr, la hauteur doit être la même

95
00:04:47,220 --> 00:04:48,770
‫que la largeur.

96
00:04:48,770 --> 00:04:50,750
‫Maintenant, cela va alors recadrer

97
00:04:50,750 --> 00:04:55,050
‫l'image afin qu'elle couvre l'intégralité de ce carré 500 fois 500.

98
00:04:55,050 --> 00:04:56,400
‫Et en fait, nous

99
00:04:56,400 --> 00:04:59,130
‫pouvons modifier ce comportement par défaut si nous le souhaitons.

100
00:04:59,130 --> 00:05:01,320
‫Et donc, encore une fois, jetons un coup d'œil

101
00:05:01,320 --> 00:05:02,563
‫rapide à la documentation.

102
00:05:04,860 --> 00:05:09,053
‫Alors disons, github sharp, mais en fait, leur propre site

103
00:05:09,990 --> 00:05:12,100
‫Web est un peu

104
00:05:12,100 --> 00:05:14,440
‫mieux, un peu plus complet.

105
00:05:14,440 --> 00:05:18,360
‫Alors cliquons sur ce lien ici, et alors ici nous pouvons

106
00:05:18,360 --> 00:05:20,770
‫en venir au redimensionnement, ce que nous

107
00:05:20,770 --> 00:05:22,780
‫faisons actuellement et voici

108
00:05:22,780 --> 00:05:25,153
‫ce dont je viens de parler.

109
00:05:26,110 --> 00:05:29,130
‫D'accord, la valeur par défaut ici est que

110
00:05:29,130 --> 00:05:31,070
‫l'image sera recadrée afin

111
00:05:31,070 --> 00:05:33,610
‫de couvrir les deux dimensions fournies.

112
00:05:33,610 --> 00:05:38,610
‫Mais nous pouvons aussi choisir contenir, remplir, à l'intérieur ou à l'extérieur.

113
00:05:39,280 --> 00:05:43,310
‫Et, nous le ferions en définissant les options ici.

114
00:05:43,310 --> 00:05:46,700
‫Nous pouvons donc définir la largeur, la hauteur, puis comme

115
00:05:46,700 --> 00:05:48,830
‫troisième option, nous pourrions définir

116
00:05:48,830 --> 00:05:52,070
‫cet objet d'options où nous pouvons ensuite définir l'ajustement.

117
00:05:52,070 --> 00:05:54,560
‫On pourrait aussi définir la position, qui

118
00:05:54,560 --> 00:05:56,433
‫est centre par défaut.

119
00:05:58,970 --> 00:06:00,653
‫Vous voyez qu'il y a toutes

120
00:06:00,653 --> 00:06:03,420
‫sortes de choses que nous pourrions vraiment définir pour affiner

121
00:06:03,420 --> 00:06:04,670
‫notre traitement d'image.

122
00:06:04,670 --> 00:06:07,653
‫Mais dans ce cas, ce que nous avons est suffisant.

123
00:06:08,550 --> 00:06:10,720
‫Passons donc à l'étape suivante.

124
00:06:10,720 --> 00:06:12,990
‫Parce que ce que je veux faire

125
00:06:12,990 --> 00:06:16,450
‫ensuite, c'est de toujours convertir les images en jpeg, d'accord ?

126
00:06:16,450 --> 00:06:18,863
‫Et pour cela, on utilise pour

127
00:06:21,640 --> 00:06:23,463
‫formater, puis jpeg.

128
00:06:25,000 --> 00:06:28,180
‫On peut aussi ensuite définir la qualité de ce jpeg.

129
00:06:28,180 --> 00:06:30,170
‫Donc, en gros, pour

130
00:06:30,170 --> 00:06:32,310
‫le compresser un peu afin qu'il

131
00:06:33,230 --> 00:06:36,900
‫ne prenne pas autant de place et donc pour cela, nous

132
00:06:36,900 --> 00:06:41,900
‫utilisons la méthode jpeg, et définissons une option dans cet objet avec une qualité

133
00:06:42,290 --> 00:06:45,043
‫et disons 90 pour cent ici, d'accord ?

134
00:06:46,910 --> 00:06:49,860
‫Donc, chaque méthode dans sa propre ligne ici,

135
00:06:49,860 --> 00:06:53,210
‫c'est beaucoup plus agréable, mais en fait, nous n'avons pas fini.

136
00:06:53,210 --> 00:06:56,020
‫Nous avons presque terminé, mais pas entièrement.

137
00:06:56,020 --> 00:06:57,460
‫Parce que maintenant,

138
00:06:57,460 --> 00:07:01,850
‫à la fin, nous voulons enfin l'écrire dans un fichier sur notre disque.

139
00:07:01,850 --> 00:07:04,913
‫Et donc pour cela, nous pouvons utiliser pour déposer, maintenant

140
00:07:06,230 --> 00:07:08,550
‫cette méthode ici a en fait

141
00:07:08,550 --> 00:07:10,940
‫besoin du chemin complet vers le fichier.

142
00:07:10,940 --> 00:07:13,180
‫Donc en gros des images

143
00:07:14,240 --> 00:07:17,440
‫publiques, une barre oblique, des utilisateurs, et enfin

144
00:07:17,440 --> 00:07:20,460
‫voici le nom du fichier, d'accord ?

145
00:07:20,460 --> 00:07:21,990
‫Alors retirons cela en fait

146
00:07:21,990 --> 00:07:23,550
‫de ce que nous avions ici auparavant.

147
00:07:23,550 --> 00:07:25,840
‫Parce que bien sûr, nous voulons que nos images

148
00:07:25,840 --> 00:07:27,183
‫aient un format similaire.

149
00:07:29,520 --> 00:07:32,380
‫D'accord, alors copions ça.

150
00:07:32,380 --> 00:07:34,723
‫Mais en fait, je ne vais pas le mettre ici.

151
00:07:35,790 --> 00:07:38,010
‫Au lieu de cela, je

152
00:07:38,010 --> 00:07:42,443
‫vais en fait l'enregistrer pour demander le nom du fichier dot file.

153
00:07:43,490 --> 00:07:45,777
‫Maintenant pourquoi je fais comme ça ?

154
00:07:45,777 --> 00:07:48,280
‫Eh bien, c'est parce qu'en ce moment ce

155
00:07:48,280 --> 00:07:50,340
‫nom de fichier n'est pas défini.

156
00:07:50,340 --> 00:07:55,340
‫Ainsi, lorsque nous décidons d'enregistrer l'image en mémoire comme tampon, le nom du fichier

157
00:07:56,270 --> 00:08:00,050
‫ne sera pas vraiment défini, mais nous avons vraiment besoin

158
00:08:00,050 --> 00:08:02,300
‫de ce nom de fichier

159
00:08:02,300 --> 00:08:05,050
‫dans notre autre fonction middleware, n'est-ce pas ?

160
00:08:05,050 --> 00:08:09,310
‫C'est donc ici pour me mettre à jour ici.

161
00:08:09,310 --> 00:08:12,360
‫Nous nous appuyons donc sur le nom du fichier dot

162
00:08:12,360 --> 00:08:16,400
‫file pour enregistrer le nom du fichier dans notre base de données, n'est-ce pas ?

163
00:08:16,400 --> 00:08:19,770
‫Et donc en fait, nous devrions définir cela.

164
00:08:19,770 --> 00:08:22,442
‫Et donc, auparavant, il était bien

165
00:08:22,442 --> 00:08:25,970
‫sûr défini par le téléchargement multer que nous avions, mais

166
00:08:25,970 --> 00:08:30,323
‫puisque cela a disparu maintenant, nous devrions alors le redéfinir fondamentalement ici.

167
00:08:31,320 --> 00:08:32,260
‫D'accord?

168
00:08:32,260 --> 00:08:34,560
‫Alors là, effectivement, on peut se

169
00:08:34,560 --> 00:08:37,020
‫débarrasser de cette partie de l'extension, car on

170
00:08:37,020 --> 00:08:39,460
‫sait déjà que ce sera toujours un jpeg.

171
00:08:39,460 --> 00:08:42,570
‫À cause de cela pour formater, d'accord ?

172
00:08:42,570 --> 00:08:45,513
‫Et donc ici, nous pouvons simplement mettre jpeg.

173
00:08:47,130 --> 00:08:50,383
‫Il n'est donc pas nécessaire d'obtenir l'extension de fichier.

174
00:08:51,320 --> 00:08:52,263
‫Et donc maintenant

175
00:08:54,610 --> 00:08:55,993
‫ici, nous pouvons ensuite l'utiliser.

176
00:08:56,911 --> 00:09:00,890
‫Req dot file nom du fichier dot, et

177
00:09:00,890 --> 00:09:02,403
‫c'est tout.

178
00:09:04,020 --> 00:09:04,853
‫D'accord?

179
00:09:04,853 --> 00:09:06,820
‫Donc, tout ce que nous

180
00:09:06,820 --> 00:09:10,790
‫devons faire maintenant pour terminer est d'appeler le prochain middleware de la pile.

181
00:09:10,790 --> 00:09:14,430
‫Et ce sera donc la fonction de gestionnaire de mise à jour.

182
00:09:14,430 --> 00:09:17,603
‫Alors bien sûr, testons cela maintenant.

183
00:09:18,530 --> 00:09:21,280
‫Donc, nous n'avons plus besoin de celui-ci.

184
00:09:21,280 --> 00:09:23,390
‫Venons-en à Postman, et maintenant

185
00:09:23,390 --> 00:09:25,240
‫l'utilisateur que je

186
00:09:25,240 --> 00:09:28,410
‫veux mettre à jour s'appelle arrav, je pense.

187
00:09:28,410 --> 00:09:31,053
‫Jetons un coup d'œil ici à nos données très rapidement.

188
00:09:32,520 --> 00:09:35,910
‫Et donc oui, c'est donc l'image non carrée que nous

189
00:09:35,910 --> 00:09:38,070
‫allons télécharger maintenant et en fait,

190
00:09:38,070 --> 00:09:39,800
‫vous voyez la taille ici

191
00:09:39,800 --> 00:09:42,600
‫qui est de 1000 fois 1500, et comparons

192
00:09:42,600 --> 00:09:44,540
‫donc plus tard cela avec notre

193
00:09:44,540 --> 00:09:46,223
‫image téléchargée redimensionnée.

194
00:09:47,110 --> 00:09:48,090
‫Bien.

195
00:09:48,090 --> 00:09:51,090
‫Quoi qu'il

196
00:09:52,120 --> 00:09:55,720
‫en soit, obtenons

197
00:09:56,840 --> 00:10:01,010
‫maintenant le nom d'arrav.

198
00:10:01,010 --> 00:10:02,930
‫Pour que nous puissions ensuite le

199
00:10:02,930 --> 00:10:07,530
‫mettre à jour et vous voyez que l'image en ce moment est ici l'utilisateur 11.

200
00:10:07,530 --> 00:10:09,620
‫Et juste pour le voir

201
00:10:09,620 --> 00:10:11,400
‫un peu mieux, mettons

202
00:10:11,400 --> 00:10:15,370
‫à jour, connectons-nous réellement à notre application Web en utilisant

203
00:10:15,370 --> 00:10:16,543
‫cet utilisateur.

204
00:10:21,820 --> 00:10:23,883
‫Alors testez un, deux, trois, quatre.

205
00:10:26,420 --> 00:10:29,490
‫D'accord, c'est donc l'image actuelle et maintenant

206
00:10:29,490 --> 00:10:32,233
‫allons-y et mettons-la à jour.

207
00:10:37,120 --> 00:10:40,260
‫Sélectionnez les fichiers, et voici notre

208
00:10:41,330 --> 00:10:44,900
‫image, ouvrez-la et voyons ce qui se passe.

209
00:10:44,900 --> 00:10:46,290
‫Et nous avons terminé.

210
00:10:46,290 --> 00:10:47,980
‫C'était en fait très

211
00:10:47,980 --> 00:10:50,430
‫rapide, alors voyons si c'est correct.

212
00:10:50,430 --> 00:10:53,023
‫Eh bien au moins le nom ici semble correct.

213
00:10:54,590 --> 00:10:59,590
‫Si nous jetons un coup d'œil à nos utilisateurs maintenant ici,

214
00:10:59,750 --> 00:11:02,900
‫c'est en public, ou juste ici.

215
00:11:02,900 --> 00:11:04,520
‫Donc ça devrait être celui qui en fait ce

216
00:11:04,520 --> 00:11:05,420
‫n'est pas le cas.

217
00:11:07,610 --> 00:11:10,070
‫Et en fait, il est introuvable.

218
00:11:10,070 --> 00:11:11,710
‫Rechargeons, ah, et

219
00:11:11,710 --> 00:11:12,913
‫voilà.

220
00:11:14,380 --> 00:11:15,493
‫Maintenant, c'est celui-là.

221
00:11:16,580 --> 00:11:20,060
‫Donc vous voyez que maintenant c'est à 500 fois

222
00:11:20,060 --> 00:11:21,700
‫500 c'est beaucoup

223
00:11:21,700 --> 00:11:26,560
‫plus petit ici, donc 55 par rapport aux 315 que nous avions auparavant.

224
00:11:26,560 --> 00:11:28,180
‫C'est donc beaucoup

225
00:11:28,180 --> 00:11:31,740
‫mieux, et comme vous le verrez ici, il devrait

226
00:11:31,740 --> 00:11:34,310
‫maintenant être mis à jour ici aussi.

227
00:11:34,310 --> 00:11:36,050
‫Et c'est parfait.

228
00:11:36,050 --> 00:11:39,650
‫Donc, le visage est en fait au milieu ici.

229
00:11:39,650 --> 00:11:43,730
‫Donc, ce redimensionnement s'est vraiment passé à la perfection.

230
00:11:43,730 --> 00:11:44,563
‫Cool.

231
00:11:44,563 --> 00:11:46,530
‫Et j'espère que vous trouverez

232
00:11:46,530 --> 00:11:48,810
‫également une utilité à ce type

233
00:11:48,810 --> 00:11:51,290
‫de traitement d'image dans vos propres applications.

234
00:11:51,290 --> 00:11:54,660
‫Alors juste pour récapituler rapidement ce qu'on a fait ici.

235
00:11:54,660 --> 00:11:57,340
‫Eh bien, nous avons créé une nouvelle fonction

236
00:11:57,340 --> 00:11:59,490
‫middleware qui s'exécutera juste après le

237
00:11:59,490 --> 00:12:01,460
‫téléchargement de la photo.

238
00:12:01,460 --> 00:12:03,850
‫Et ce téléchargement se produit maintenant

239
00:12:03,850 --> 00:12:07,860
‫dans un tampon et non plus directement dans le système de fichiers.

240
00:12:07,860 --> 00:12:08,693
‫À droite?

241
00:12:08,693 --> 00:12:11,163
‫Et c'est pourquoi nous utilisons ce stockage

242
00:12:12,010 --> 00:12:14,950
‫de mémoire ici, mais bien sûr, ce filtre multer

243
00:12:14,950 --> 00:12:16,420
‫ici fonctionne toujours.

244
00:12:16,420 --> 00:12:20,063
‫Et donc nous ne pouvons toujours télécharger que des images, d'accord ?

245
00:12:20,980 --> 00:12:23,510
‫Alors ici, dans ce middleware, nous mettons le nom de

246
00:12:23,510 --> 00:12:25,600
‫fichier de cette image sur demande

247
00:12:25,600 --> 00:12:28,000
‫dot file dot file name afin que nous puissions

248
00:12:28,000 --> 00:12:30,200
‫ensuite l'utiliser dans la mise à jour moi.

249
00:12:31,100 --> 00:12:33,510
‫D'accord, et puis nous avons

250
00:12:33,510 --> 00:12:35,670
‫le traitement d'image lui-même.

251
00:12:35,670 --> 00:12:38,330
‫Où nous l'avons d'abord redimensionné en

252
00:12:38,330 --> 00:12:40,120
‫carré, puis formaté en

253
00:12:40,120 --> 00:12:43,010
‫jpeg avec une qualité de 90 pour cent,

254
00:12:43,010 --> 00:12:45,930
‫et enfin nous écrivons ce fichier dans notre

255
00:12:45,930 --> 00:12:50,710
‫système de fichiers dans exactement le même dossier que nous avons spécifié auparavant.

256
00:12:50,710 --> 00:12:53,260
‫D'accord, c'est ainsi que cela fonctionne lorsque vous avez

257
00:12:53,260 --> 00:12:55,040
‫besoin d'un traitement d'image, mais

258
00:12:55,040 --> 00:12:57,310
‫si vous n'en avez pas besoin, vous

259
00:12:57,310 --> 00:13:00,500
‫pouvez bien sûr continuer à l'utiliser de cette façon, d'accord ?

260
00:13:00,500 --> 00:13:02,210
‫Et donc c'est vraiment important que nous

261
00:13:02,210 --> 00:13:03,450
‫ayons appris à le

262
00:13:03,450 --> 00:13:05,160
‫faire dans les deux sens ici.

263
00:13:05,160 --> 00:13:07,380
‫D'accord, dans la prochaine vidéo, nous

264
00:13:07,380 --> 00:13:10,462
‫allons ensuite faire fonctionner ce formulaire ici afin que

265
00:13:10,462 --> 00:13:12,700
‫nous puissions télécharger les photos des

266
00:13:12,700 --> 00:13:14,633
‫utilisateurs directement à partir d'ici.