‫Instruktur: Mari sekarang, dengan
‫sangat cepat, simpan nama sebenarnya dari gambar
‫yang diunggah ke dokumen pengguna yang diperbarui terkait.
‫Dan melakukan itu sebenarnya cukup sederhana.
‫Jadi mari kita pergi ke sini untuk memperbarui saya
‫middleware, dan data yang diperbarui di sini disimpan di
‫objek tubuh yang difilter ini, bukan?
‫Dan ingat bahwa objek ini di sini
‫adalah hasil dari penyaringan permintaan. body, hanya
‫menyisakan nama dan email, kan?
‫Sekarang, menambahkan foto ke dalamnya juga sangat sederhana.
‫Yang harus kita lakukan adalah sesuatu seperti ini.
‫Jadi, jika ada permintaan. file,
‫kalau begitu, filteredBody. foto, yang ingat, adalah nama
‫bidang yang menyimpan
‫foto, akan sama dengan permintaan. file, dan kemudian
‫. nama file.
‫Jadi apa yang kita miliki di sini, bukan?
‫Ingat, bahwa kami hanya benar-benar menyimpan nama gambar
‫ke dokumen kami, dan bukan seluruh jalur ke gambar.
‫Dan itulah yang kami inginkan di sini.
‫Jadi, nama filenya, oke?
‫Jadi, simpan saja, dan mari kita coba di sini.
‫Juga, kita sekarang dapat menyingkirkan konsol ini. log di sini.
‫Baiklah, dan, jadi saya harap baris kode ini masuk akal bagi
‫Anda, tetapi saya yakin itu benar.
‫Jadi sebenarnya, yang kita lakukan hanyalah menambahkan properti foto
‫ke objek yang akan diperbarui di sini.
‫Dan properti foto itu,
‫tentu saja, sama dengan nama file file.
‫Oke, jadi mari kita coba di sini sekali lagi.
‫Dan sekarang kembali ke gambar aslinya,
‫yang ini.
‫Jadi, buka, kirim, dan memang, sekarang kami mendapatkan
‫nama file yang benar.
‫Oke, jadi itu benar-benar berfungsi sekarang.
‫Dan sekarang, hanya satu detail kecil
‫yang tidak kita bicarakan sebelumnya.
‫Jadi, apa yang terjadi ketika kita membuat pengguna baru?
‫Mereka tidak akan memiliki foto pada awalnya, kan?
‫Jadi mari kita benar-benar mengubahnya.
‫Oke, dan untuk itu kami memiliki gambar default di sini, yang
‫pada dasarnya adalah yang ini.
‫Jadi, mari kita beralih ke model pengguna.
‫Jadi, sudah lama kami tidak menyentuh yang satu itu.
‫Jadi di sini, di foto, sekarang mari kita tentukan defaultnya, oke.
‫Jadi di sini kita perlu membuat objek.
‫Dan sekarang default kita ingin menjadi default. jpg.
‫Baiklah, ini akan berada di baris baru, dan ini juga.
‫Baiklah, dan, jadi sekarang mari kita lanjutkan
‫dan buat pengguna baru.
‫Jadi, daftar.
‫Dan aku memanggilnya Monica.
‫Dan, dengan email dari Monica@example. com.
‫Sama seperti yang lainnya, oke.
‫Dan masih dengan password standar.
‫Oke, dan sekarang mari kita masuk
‫ke aplikasi web kita menggunakan pengguna yang baru dibuat ini.
‫Jadi, mari kita logout Laura
‫di sini, dan login sebagai Monica dengan tes satu, dua, tiga, empat.
‫Mari kita coba kata sandi itu lagi.
‫Tes satu, dua, tiga, empat.
‫Dan, itu masih tidak berhasil.
‫Mari kita lihat, mungkin kita benar-benar memberinya kata sandi lain.
‫Oh, oke, ini lewat satu, dua, tiga, empat.
‫Jadi, kesalahan bodoh di sini.
‫Jadi lewati satu, dua, tiga, empat, login.
‫Oke, sekarang berhasil, dan sekarang kita harus memuat ulang, dan
‫sekarang memang Anda melihat avatar standar semacam
‫ini yang kadang-kadang kita lihat di beberapa aplikasi web, oke.
‫Jadi sekarang, mari kita lanjutkan dan perbarui dia.
‫Jadi, sekarang Monica sebenarnya adalah pengguna yang sedang login.
‫Jadi, kita tidak perlu nama lagi di sini.
‫Dan sekarang mari kita
‫pilih foto untuk Monica, yang ini, buka, kirim.
‫Dan, memang, itu berhasil sekali lagi.
‫Ini adalah nama file yang diformat
‫dengan baik, dan sekarang jika kita memuat ulang
‫halaman kita, maka tentu saja fotonya akan muncul di sini.
‫Dan memang, ini dia, luar biasa, itu benar-benar hebat.
‫Itu benar-benar terasa seperti aplikasi dunia nyata sekarang.
‫Sekarang, bagaimana jika pengguna benar-benar mengunggah gambar super besar.
‫Katakanlah 10.000 per 10.000 piksel, atau
‫bahkan gambar yang bukan persegi sama sekali.
‫Nah, dalam hal ini, kita perlu mengubah ukuran gambar,
‫dan juga memformat gambar itu benar-benar sesuai dengan kebutuhan kita di aplikasi kita.
‫Dan itulah yang akan kita lakukan selanjutnya.