‫Istruttore: Ora, molto
‫velocemente, salviamo il nome effettivo
‫dell'immagine caricata nel documento utente aggiornato corrispondente.
‫E farlo è in realtà piuttosto semplice.
‫Quindi andiamo qui al middleware di aggiornamento e
‫i dati che vengono aggiornati sono archiviati qui
‫in questo oggetto corpo filtrato, giusto?
‫E ricorda che questo oggetto qui è il
‫risultato del filtraggio della richiesta. body, lasciando
‫solo il nome e l'e-mail, giusto?
‫Ora, aggiungere anche la foto a questo è davvero semplice.
‫Tutto quello che dobbiamo fare è qualcosa del genere.
‫Quindi, se c'è richiesta. file,
‫beh, filteredBody. foto, che ricorda, è il nome
‫del campo che contiene
‫la foto, sarà uguale a richiesta. file, e poi è
‫. nome del file.
‫Quindi cosa abbiamo qui, giusto?
‫Ricorda che nei nostri documenti memorizziamo solo
‫il nome dell'immagine e non l'intero percorso dell'immagine.
‫E quindi è esattamente quello che vogliamo qui.
‫Allora, il nome del file, ok?
‫Quindi, salvalo e proviamolo qui.
‫Inoltre, ora possiamo sbarazzarci di queste console. log qui.
‫Va bene, quindi spero che questa riga di codice qui abbia
‫senso per te, ma credo di sì.
‫Quindi, in realtà, tutto ciò che stiamo facendo è aggiungere
‫la proprietà della foto all'oggetto che verrà aggiornato qui.
‫E quella proprietà della
‫foto è, ovviamente, uguale al nome del file.
‫Ok, allora proviamoci qui ancora una volta.
‫E ora torniamo all'immagine originale, che
‫è questa.
‫Quindi, apri, invia e, in effetti, ora abbiamo
‫il nome file corretto.
‫Ok, ora funziona davvero.
‫E ora, solo un piccolo dettaglio di
‫cui non abbiamo parlato prima.
‫Quindi, cosa succede quando creiamo un nuovo utente?
‫Non avranno nessuna foto all'inizio, giusto?
‫E quindi cambiamo davvero questo.
‫Ok, e per questo abbiamo un'immagine predefinita qui,
‫che fondamentalmente sarà questa.
‫Quindi, andiamo al modello utente.
‫Quindi, da molto tempo non lo toccavamo.
‫E quindi qui, nella foto, definiamo ora un valore predefinito, ok.
‫Quindi qui dobbiamo creare un oggetto.
‫E ora l'impostazione predefinita che vogliamo essere predefinita. jpg.
‫Va bene, questo sarebbe su una nuova linea, e anche questo.
‫Va bene, quindi ora andiamo avanti e
‫creiamo un nuovo utente.
‫Quindi, iscriviti.
‫E la chiamo Monica.
‫E, con l'email di Monica@esempio. com.
‫Proprio come tutti gli altri, ok.
‫E ancora con la password standard.
‫Ok, ora andiamo avanti e
‫accediamo alla nostra applicazione web utilizzando questo utente appena creato.
‫Quindi, disconnettiamo Laura qui e
‫accediamo come Monica con il test uno, due, tre, quattro.
‫Riproviamo con quella password.
‫Prova uno, due, tre, quattro.
‫E ancora non funziona.
‫Vediamo, forse le abbiamo dato un'altra password.
‫Oh, ok, passa uno, due, tre, quattro.
‫Quindi, stupido errore qui.
‫Quindi passa uno, due, tre, quattro, accedi.
‫Ok, ora ha funzionato, e ora dovremmo ricaricare, e ora
‫in effetti vedi questo tipo di avatar
‫standard che a volte vediamo in alcune applicazioni web, va bene.
‫Quindi ora andiamo avanti e aggiorniamola.
‫E così, ora Monica è in realtà l'utente attualmente connesso.
‫Quindi, non abbiamo più bisogno di un nome qui.
‫Ed ora selezioniamo la
‫foto per Monica, che è questa, apriamola, inviamo.
‫E, in effetti, ha funzionato ancora una volta.
‫Ecco il nome del file ben
‫formattato, e ora se ricarichiamo la nostra
‫pagina, ovviamente la sua foto dovrebbe apparire qui.
‫E infatti, eccolo qui, fantastico, è davvero fantastico.
‫Sembra davvero un'applicazione del mondo reale ora.
‫Ora, cosa succede se l'utente carica effettivamente un'immagine molto grande.
‫Diciamo 10.000 per 10.000 pixel, o
‫anche un'immagine che non è affatto un quadrato.
‫Bene, in tal caso, dobbiamo ridimensionare l'immagine e
‫anche formattare l'immagine per adattarla davvero alle nostre esigenze nella nostra applicazione.
‫E quindi è quello che faremo dopo.