1 00:00:00,960 --> 00:00:02,770 ‫Istruttore: Ora, molto 2 00:00:02,770 --> 00:00:05,560 ‫velocemente, salviamo il nome effettivo 3 00:00:05,560 --> 00:00:08,783 ‫dell'immagine caricata nel documento utente aggiornato corrispondente. 4 00:00:10,490 --> 00:00:12,960 ‫E farlo è in realtà piuttosto semplice. 5 00:00:12,960 --> 00:00:16,330 ‫Quindi andiamo qui al middleware di aggiornamento e 6 00:00:16,330 --> 00:00:19,640 ‫i dati che vengono aggiornati sono archiviati qui 7 00:00:19,640 --> 00:00:22,310 ‫in questo oggetto corpo filtrato, giusto? 8 00:00:22,310 --> 00:00:25,010 ‫E ricorda che questo oggetto qui è il 9 00:00:25,010 --> 00:00:29,090 ‫risultato del filtraggio della richiesta. body, lasciando 10 00:00:29,090 --> 00:00:32,900 ‫solo il nome e l'e-mail, giusto? 11 00:00:32,900 --> 00:00:37,010 ‫Ora, aggiungere anche la foto a questo è davvero semplice. 12 00:00:37,010 --> 00:00:39,680 ‫Tutto quello che dobbiamo fare è qualcosa del genere. 13 00:00:39,680 --> 00:00:44,110 ‫Quindi, se c'è richiesta. file, 14 00:00:44,110 --> 00:00:48,610 ‫beh, filteredBody. foto, che ricorda, è il nome 15 00:00:48,610 --> 00:00:50,670 ‫del campo che contiene 16 00:00:50,670 --> 00:00:55,670 ‫la foto, sarà uguale a richiesta. file, e poi è 17 00:00:56,710 --> 00:00:59,260 ‫. nome del file. 18 00:00:59,260 --> 00:01:01,780 ‫Quindi cosa abbiamo qui, giusto? 19 00:01:01,780 --> 00:01:04,760 ‫Ricorda che nei nostri documenti memorizziamo solo 20 00:01:04,760 --> 00:01:08,100 ‫il nome dell'immagine e non l'intero percorso dell'immagine. 21 00:01:08,100 --> 00:01:10,810 ‫E quindi è esattamente quello che vogliamo qui. 22 00:01:10,810 --> 00:01:14,470 ‫Allora, il nome del file, ok? 23 00:01:14,470 --> 00:01:18,800 ‫Quindi, salvalo e proviamolo qui. 24 00:01:18,800 --> 00:01:21,913 ‫Inoltre, ora possiamo sbarazzarci di queste console. log qui. 25 00:01:24,820 --> 00:01:28,610 ‫Va bene, quindi spero che questa riga di codice qui abbia 26 00:01:28,610 --> 00:01:31,240 ‫senso per te, ma credo di sì. 27 00:01:31,240 --> 00:01:34,650 ‫Quindi, in realtà, tutto ciò che stiamo facendo è aggiungere 28 00:01:34,650 --> 00:01:37,810 ‫la proprietà della foto all'oggetto che verrà aggiornato qui. 29 00:01:37,810 --> 00:01:39,750 ‫E quella proprietà della 30 00:01:39,750 --> 00:01:42,573 ‫foto è, ovviamente, uguale al nome del file. 31 00:01:43,720 --> 00:01:47,660 ‫Ok, allora proviamoci qui ancora una volta. 32 00:01:47,660 --> 00:01:50,373 ‫E ora torniamo all'immagine originale, che 33 00:01:53,240 --> 00:01:54,763 ‫è questa. 34 00:01:56,090 --> 00:01:59,770 ‫Quindi, apri, invia e, in effetti, ora abbiamo 35 00:01:59,770 --> 00:02:01,853 ‫il nome file corretto. 36 00:02:02,740 --> 00:02:06,450 ‫Ok, ora funziona davvero. 37 00:02:06,450 --> 00:02:08,490 ‫E ora, solo un piccolo dettaglio di 38 00:02:08,490 --> 00:02:10,340 ‫cui non abbiamo parlato prima. 39 00:02:10,340 --> 00:02:13,830 ‫Quindi, cosa succede quando creiamo un nuovo utente? 40 00:02:13,830 --> 00:02:16,750 ‫Non avranno nessuna foto all'inizio, giusto? 41 00:02:16,750 --> 00:02:19,422 ‫E quindi cambiamo davvero questo. 42 00:02:19,422 --> 00:02:23,780 ‫Ok, e per questo abbiamo un'immagine predefinita qui, 43 00:02:23,780 --> 00:02:26,083 ‫che fondamentalmente sarà questa. 44 00:02:27,380 --> 00:02:30,543 ‫Quindi, andiamo al modello utente. 45 00:02:31,920 --> 00:02:35,410 ‫Quindi, da molto tempo non lo toccavamo. 46 00:02:35,410 --> 00:02:40,410 ‫E quindi qui, nella foto, definiamo ora un valore predefinito, ok. 47 00:02:40,550 --> 00:02:44,893 ‫Quindi qui dobbiamo creare un oggetto. 48 00:02:49,280 --> 00:02:53,583 ‫E ora l'impostazione predefinita che vogliamo essere predefinita. jpg. 49 00:02:56,505 --> 00:03:00,733 ‫Va bene, questo sarebbe su una nuova linea, e anche questo. 50 00:03:02,400 --> 00:03:05,490 ‫Va bene, quindi ora andiamo avanti e 51 00:03:05,490 --> 00:03:07,840 ‫creiamo un nuovo utente. 52 00:03:07,840 --> 00:03:08,923 ‫Quindi, iscriviti. 53 00:03:11,730 --> 00:03:13,463 ‫E la chiamo Monica. 54 00:03:15,300 --> 00:03:20,300 ‫E, con l'email di Monica@esempio. com. 55 00:03:23,220 --> 00:03:25,770 ‫Proprio come tutti gli altri, ok. 56 00:03:25,770 --> 00:03:27,620 ‫E ancora con la password standard. 57 00:03:29,660 --> 00:03:32,510 ‫Ok, ora andiamo avanti e 58 00:03:32,510 --> 00:03:36,813 ‫accediamo alla nostra applicazione web utilizzando questo utente appena creato. 59 00:03:38,800 --> 00:03:41,333 ‫Quindi, disconnettiamo Laura qui e 60 00:03:42,380 --> 00:03:47,380 ‫accediamo come Monica con il test uno, due, tre, quattro. 61 00:03:51,050 --> 00:03:52,560 ‫Riproviamo con quella password. 62 00:03:52,560 --> 00:03:54,523 ‫Prova uno, due, tre, quattro. 63 00:03:56,550 --> 00:03:58,430 ‫E ancora non funziona. 64 00:03:58,430 --> 00:04:01,920 ‫Vediamo, forse le abbiamo dato un'altra password. 65 00:04:01,920 --> 00:04:04,743 ‫Oh, ok, passa uno, due, tre, quattro. 66 00:04:05,620 --> 00:04:09,390 ‫Quindi, stupido errore qui. 67 00:04:09,390 --> 00:04:13,100 ‫Quindi passa uno, due, tre, quattro, accedi. 68 00:04:13,100 --> 00:04:17,400 ‫Ok, ora ha funzionato, e ora dovremmo ricaricare, e ora 69 00:04:17,400 --> 00:04:21,130 ‫in effetti vedi questo tipo di avatar 70 00:04:21,130 --> 00:04:25,640 ‫standard che a volte vediamo in alcune applicazioni web, va bene. 71 00:04:25,640 --> 00:04:29,000 ‫Quindi ora andiamo avanti e aggiorniamola. 72 00:04:29,000 --> 00:04:32,683 ‫E così, ora Monica è in realtà l'utente attualmente connesso. 73 00:04:34,410 --> 00:04:36,593 ‫Quindi, non abbiamo più bisogno di un nome qui. 74 00:04:38,600 --> 00:04:41,430 ‫Ed ora selezioniamo la 75 00:04:41,430 --> 00:04:46,250 ‫foto per Monica, che è questa, apriamola, inviamo. 76 00:04:46,250 --> 00:04:49,500 ‫E, in effetti, ha funzionato ancora una volta. 77 00:04:49,500 --> 00:04:52,120 ‫Ecco il nome del file ben 78 00:04:52,120 --> 00:04:55,130 ‫formattato, e ora se ricarichiamo la nostra 79 00:04:55,130 --> 00:04:58,530 ‫pagina, ovviamente la sua foto dovrebbe apparire qui. 80 00:04:58,530 --> 00:05:03,060 ‫E infatti, eccolo qui, fantastico, è davvero fantastico. 81 00:05:03,060 --> 00:05:06,500 ‫Sembra davvero un'applicazione del mondo reale ora. 82 00:05:06,500 --> 00:05:10,460 ‫Ora, cosa succede se l'utente carica effettivamente un'immagine molto grande. 83 00:05:10,460 --> 00:05:13,960 ‫Diciamo 10.000 per 10.000 pixel, o 84 00:05:13,960 --> 00:05:17,570 ‫anche un'immagine che non è affatto un quadrato. 85 00:05:17,570 --> 00:05:20,870 ‫Bene, in tal caso, dobbiamo ridimensionare l'immagine e 86 00:05:20,870 --> 00:05:24,980 ‫anche formattare l'immagine per adattarla davvero alle nostre esigenze nella nostra applicazione. 87 00:05:24,980 --> 00:05:27,253 ‫E quindi è quello che faremo dopo.