‫Kursleiter: Speichern wir
‫nun ganz schnell den tatsächlichen Namen
‫des hochgeladenen Bildes im entsprechenden aktualisierten Benutzerdokument.
‫Und das ist eigentlich ganz einfach.
‫Gehen wir also hier zur Update-Me-Middleware, und die
‫Daten, die aktualisiert werden, werden hier in
‫diesem gefilterten Körperobjekt gespeichert, richtig?
‫Und denken Sie daran, dass dieses Objekt hier das
‫Ergebnis der Filterung der Anfrage ist. body, lassen Sie
‫nur den Namen und die E-Mail, richtig?
‫Nun, das Hinzufügen des Fotos ist wirklich einfach.
‫Alles, was wir tun müssen, ist so etwas.
‫Also, wenn es eine Anfrage gibt. Datei, na
‫dann, gefilterter Körper. photo, die sich erinnern, ist der
‫Name des Feldes, das das
‫Foto enthält, wird gleich der Anfrage sein. Datei, und dann ist
‫es . Dateinamen.
‫Also, was haben wir hier, richtig?
‫Denken Sie daran, dass wir in unseren Dokumenten
‫nur den Bildnamen speichern und nicht den gesamten Pfad zum Bild.
‫Und genau das wollen wir hier.
‫Also, der Dateiname, in Ordnung?
‫Also, speichern Sie es und lassen Sie es uns hier versuchen.
‫Außerdem können wir diese Konsole jetzt loswerden. meldet sich hier.
‫In Ordnung, und ich hoffe, diese Codezeile hier hat für Sie Sinn
‫gemacht, aber ich glaube, es ist so.
‫Alles, was wir tun, ist also, die photo-Eigenschaft zu
‫dem Objekt hinzuzufügen, das hier aktualisiert wird.
‫Und diese Fotoeigenschaft ist
‫natürlich gleich dem Dateinamen der Datei.
‫Okay, also lass es uns hier noch einmal versuchen.
‫Und nun zurück zum Originalbild, das
‫hier ist.
‫Also, öffnen, senden und tatsächlich haben wir jetzt
‫den richtigen Dateinamen.
‫Okay, das funktioniert jetzt wirklich.
‫Und jetzt nur noch ein kleines Detail, über
‫das wir vorher nicht gesprochen haben.
‫Was passiert also, wenn wir einen neuen Benutzer erstellen?
‫Sie werden am Anfang kein Foto haben, oder?
‫Also lasst uns das tatsächlich ändern.
‫Okay, und dafür haben wir hier ein Standardbild, das im
‫Grunde genommen dieses sein wird.
‫Kommen wir also zum Benutzermodell.
‫Also, das haben wir schon lange nicht mehr angerührt.
‫Und hier, auf dem Foto, definieren wir jetzt einen Standard, okay.
‫Hier müssen wir also ein Objekt erstellen.
‫Und jetzt wollen wir Standard sein. jpg.
‫In Ordnung, das wäre in einer neuen Zeile, und das auch.
‫In Ordnung, und jetzt können wir tatsächlich
‫einen neuen Benutzer erstellen.
‫Also, melde dich an.
‫Und ich nenne sie Monica.
‫Und mit der E-Mail von Monica@example. com.
‫Genau wie alle anderen, okay.
‫Und immer noch mit dem Standard-Passwort.
‫Okay, und jetzt können wir
‫uns mit diesem neu erstellten Benutzer bei unserer Webanwendung anmelden.
‫Also, loggen wir Laura hier aus
‫und loggen wir uns als Monica mit Test eins, zwei, drei, vier ein.
‫Versuchen wir es noch einmal mit dem Passwort.
‫Test eins, zwei, drei, vier.
‫Und das funktioniert immer noch nicht.
‫Mal sehen, vielleicht haben wir ihr tatsächlich ein anderes Passwort gegeben.
‫Oh, okay, es ist Durchgang eins, zwei, drei, vier.
‫Also dummer Fehler hier.
‫Übergeben Sie also eins, zwei, drei, vier, loggen Sie sich ein.
‫Okay, jetzt hat es funktioniert, und jetzt sollten wir neu
‫laden, und jetzt sehen Sie tatsächlich diese Art
‫von Standard-Avatar, den wir manchmal in einigen Webanwendungen sehen, in Ordnung.
‫Also, lass uns fortfahren und sie aktualisieren.
‫Und so ist Monica nun tatsächlich der aktuell eingeloggte Benutzer.
‫Wir brauchen hier also keinen Namen mehr.
‫Und jetzt wählen wir das
‫Foto für Monica aus, das ist dieses, öffnen es, senden es.
‫Und tatsächlich hat das wieder einmal funktioniert.
‫Hier ist der schön formatierte Dateiname,
‫und wenn wir jetzt unsere Seite neu
‫laden, dann sollte natürlich ihr Foto hier auftauchen.
‫Und tatsächlich, hier ist es, großartig, das ist wirklich großartig.
‫Das fühlt sich jetzt wirklich wie eine echte Weltanwendung an.
‫Was ist nun, wenn der Benutzer tatsächlich ein supergroßes Bild hochlädt.
‫Sagen wir 10.000 pro 10.000 Pixel oder
‫sogar ein Bild, das überhaupt kein Quadrat ist.
‫Nun, in diesem Fall müssen wir die Größe des Bildes ändern
‫und das Bild auch so formatieren, dass es unseren Anforderungen in unserer Anwendung entspricht.
‫Und das werden wir als nächstes tun.