‫Narator: Jadi sekarang setelah fitur unggah
‫foto pengguna selesai, sekarang mari kita pelajari cara mengunggah
‫banyak file sekaligus
‫dan juga cara memproses banyak gambar sekaligus.
‫Jadi dalam kuliah ini dan
‫kuliah berikutnya, kita akan mengupload dan memproses gambar tur.
‫Dan untuk memulai, mari kita ingat jenis gambar apa
‫yang kita inginkan untuk tur kita dan juga berapa banyak, jadi kita
‫harus melihat model tur kita di sini.
‫Jadi di sini kita memiliki sampul gambar dan itu sebenarnya
‫hanya satu gambar
‫dan kemudian kita juga memiliki
‫bidang gambar yang akan menjadi larik gambar.
‫Dan biasanya ini harus setidaknya tiga gambar karena
‫itu adalah jumlah gambar yang kami miliki
‫di halaman detail tur.
‫Benar?
‫Jadi sekali lagi, kita akan
‫memiliki sampul gambar dan gambar sebagai array.
‫Baiklah.
‫Sekarang cara kita
‫akan mengunggah dan memproses gambar-gambar ini akan
‫sangat mirip dengan apa yang
‫kita lakukan dengan pengguna, jadi mari kita masuk
‫ke pengontrol pengguna dan menyalin setidaknya bagian awal ini
‫di sini dari konfigurasi multi.
‫Baiklah, jadi ambil itu dan kemudian
‫di pengontrol tur, di sini di atas,
‫mari letakkan di sini
‫dan juga dapatkan kebutuhan multer dan sharp.
‫Baiklah.
‫Dan sama seperti sebelumnya
‫kita akan menyimpan gambar dalam memori, baiklah,
‫dan juga kita hanya mengizinkan gambar melewati filter kita.
‫Jadi dengan kata lain kita hanya ingin bisa mengupload gambar saja.
‫Baiklah.
‫Kemudian di sini kita membuat atau
‫mengunggah dengan cara yang sama persis seperti
‫sebelumnya, jadi
‫sekarang mari kita benar-benar membuat middleware dari unggahan ini.
‫Baiklah.
‫Jadi ekspor dot unggah tur, gambar, lalu unggah.
‫Dan sekarang inilah bagian
‫yang berbeda, jadi sesuatu yang akan
‫berbeda dengan apa yang kami lakukan
‫di sini di pengontrol pengguna karena kami telah mengunggah dot single.
‫Oke.
‫Dan itu karena kami hanya memiliki satu
‫bidang dengan file yang
‫ingin kami unggah dan inilah nama bidang itu.
‫Benar?
‫Tapi sekarang kami benar-benar memiliki banyak file dan
‫di salah satunya kami memiliki satu gambar
‫dan di yang lain kami memiliki tiga gambar.
‫Jadi, bagaimana kita bisa melakukannya?
‫Yah, kita akan menggunakan bidang titik unggah, dan
‫muller sebenarnya sangat mampu menangani
‫situasi seperti ini.
‫Jadi di sini kita melewati sebuah
‫array dan masing-masing elemen adalah objek di mana kita
‫kemudian menentukan nama bidang.
‫Jadi yang pertama,
‫ingat, adalah sampul gambar, dan kemudian kita katakan bahwa jumlah maksimalnya adalah satu.
‫Dan itu berarti kita
‫hanya bisa memiliki satu bidang yang
‫disebut sampul gambar, yang kemudian akan diproses.
‫Baiklah, dan kemudian mari kita lakukan hal yang sama untuk gambar kita,
‫jadi itu adalah bidang lain dalam database
‫kita dan jadi di sini kita
‫menyebutnya gambar juga dan di sini katakanlah jumlah maksimalnya adalah tiga.
‫Baiklah.
‫Dan jika kita tidak memiliki sampul gambar dan
‫jika itu hanya memiliki satu bidang yang menerima banyak gambar
‫atau beberapa file sekaligus, kita bisa
‫melakukannya seperti ini.
‫Jadi kita akan menggunakan upload dot array, oke?
‫Dan kemudian nama
‫bidang, dan pada dasarnya jumlah maksimum di sini sebagai angka seperti ini.
‫Baiklah?
‫Jadi ketika hanya ada satu, maka itu mengunggah dot tunggal, katakanlah gambar,
‫ketika ada beberapa dengan nama yang sama, maka itu mengunggah
‫dot array dan ketika pada dasarnya ada campurannya,
‫maka itu adalah mengunggah bidang titik.
‫Oke?
‫Sekarang mungkin ini terlihat agak
‫rumit sekarang, jadi sebelum kita melanjutkan
‫benar-benar mereplikasi kueri semacam ini di Postman, oke?
‫Dan sebenarnya sebelum kita melakukan itu,
‫kita perlu membuat tur baru.
‫Baiklah, dan sebenarnya saya akan melakukannya
‫di sini di kompas hanya dengan menduplikasi salah satu
‫tur yang sudah kita miliki.
‫Jadi katakanlah di sini, Sea Explorer,
‫dan sekarang saya menduplikasinya.
‫Jadi di sini saya dapat mengubah apa yang ingin
‫saya bedakan dan yang ini disebut
‫The Mountain Biker, katakanlah durasi lima, ukuran grup maksimal sepuluh, dan
‫kemudian yang terpenting adalah menyingkirkan sampul
‫gambar karena itulah yang kami ingin memperbarui nanti dan juga
‫array gambar.
‫Dibuat di bisa juga pergi dan tentu
‫saja kita perlu mengganti siput, jadi biker gunung.
‫Oke?
‫Dan omong-omong, kami
‫perlu membuat tur baru seperti ini sehingga kami benar-benar memiliki
‫lokasi, ringkasan dan deskripsi, dan semua itu,
‫sehingga turis dapat merender dengan benar di situs web kami.
‫Baiklah, jadi mari kita masukkan dan itu seharusnya
‫ada di suatu tempat di sini tepat di akhir, oke.
‫Jadi mari ambil ID di sini dan sekarang di
‫sini di Postman, mari perbarui tur.
‫Jadi kita meneruskannya di sini dan sekarang di tubuh
‫kita, mari kita ingat bahwa kita perlu mengubah dari mentah menjadi data bentuk.
‫Oke?
‫Mari kita tutup semua ini di sini dan juga izinkan login di
‫sini sebagai admin karena jika tidak, memperbarui
‫tur tidak akan berfungsi.
‫Jadi admin@nators. io, baiklah.
‫Jadi sekarang mari kita buat ulang permintaan tubuh di sini mirip dengan
‫yang baru saja kita tentukan di sini.
‫Jadi pada dasarnya mirip dengan apa yang diharapkan multi-upload kami,
‫jadi satu sampul gambar dan tiga gambar.
‫Jadi, sampul gambar, yang merupakan file, dan mari kita pilih itu.
‫Jadi di sini kita memiliki foto-foto baru untuk
‫tur dan mari kita benar-benar menggunakan
‫yang pertama ini di sini sebagai gambar sampul dan kemudian
‫gambar, mari kita taruh di sini untuk arsip juga, dan
‫kemudian di sini tiga lainnya.
‫Dan sekarang seperti yang Anda lihat, semuanya akan disebut gambar.
‫Oke, dan kita hanya dapat memiliki maksimal tiga, setidaknya
‫hanya tiga dari mereka
‫yang akan diproses oleh multi, oke?
‫Dan sebenarnya di sini Anda melihat bahwa kami benar-benar
‫perlu mengubah ukuran yang satu ini karena di situs
‫web kami semuanya muncul dalam format lanskap dan bukan
‫potret seperti yang kami miliki di sini.
‫Baiklah?
‫Dan tentu
‫saja itulah mengapa perlu juga memproses gambar-gambar ini, oke?
‫Dan tentu saja kita juga dapat
‫mengubah hal-hal lain di sini, jadi katakanlah kita ingin mengubah harga menjadi 9-9-7, oke?
‫Sekarang, saya tidak akan mengirim permintaan ini dulu karena
‫kami tidak memiliki logika yang diterapkan
‫untuk menanganinya pada saat ini, benar,
‫karena kami tidak benar-benar
‫mengunggahnya ke sistem file, tetapi hanya menyimpannya ke memori .
‫Jadi untuk melihatnya dengan
‫cepat, mari kita buat middleware berikutnya
‫di sini, yang akan memproses gambar-gambar ini.
‫Jadi ekspor gambar tur pengubahan ukuran titik, jadi permintaan, tanggapan,
‫dan selanjutnya, dan sekarang mari kita log ke konsol.
‫Baiklah, dan jika kita memiliki banyak
‫file, itu sebenarnya adalah file titik permintaan, dan bukan hanya file.
‫Baiklah?
‫Jadi ini di sini pada
‫dasarnya akan menghasilkan file titik permintaan sedangkan bidang
‫dan array keduanya akan menghasilkan file titik permintaan, jadi jamaknya.
‫Baiklah, jadi kemudian log ini
‫ke konsol dan kemudian juga memungkinkan panggilan berikutnya
‫di sini sehingga
‫kita benar-benar dapat menyelesaikan siklus permintaan-tanggapan nanti, oke.
‫Simpan dan sekarang yang
‫perlu kita lakukan untuk benar-benar menguji permintaan adalah
‫menambahkan dua middleware baru ini ke pengendali rute.
‫Baiklah, jadi rute tur dan seperti halnya dengan pengguna, untuk membuatnya
‫tetap sederhana di sini, kami hanya mengizinkan
‫pengunggahan gambar pada pembaruan tur.
‫Jadi di sinilah kami memiliki permintaan tambalan itu, baiklah, dan
‫jadi kami sudah memiliki banyak
‫middlewares, jadi lindungi, batasi untuk admin dan
‫pemandu, dan sekarang mari juga tambahkan pengontrol tur dot unggah
‫gambar tur dan pengontrol tur dot resize tur gambar-gambar.
‫Jadi itu tumpukan middleware yang sangat bagus di sini, oke?
‫Jadi saya pikir sekarang kami siap untuk
‫benar-benar menguji permintaan yang kami buat di sini.
‫Dan lagi tentu saja itu tidak akan melakukan apa-apa,
‫itu tidak akan menyimpan gambar-gambar ini di mana
‫saja dan juga tidak memperbarui database
‫tetapi untuk saat ini kami hanya ingin melihat hasilnya di konsol.
‫Yah itu seharusnya benar-benar memperbarui harga jadi
‫mari kita lihat dengan cepat.
‫Ya, jadi harganya sekarang diperbarui
‫tetapi sekali lagi gambarnya jelas tidak, oke?
‫Dan sekarang di sini kita memilikinya di konsol, jadi
‫mari kita membuatnya sedikit lebih besar dan
‫di sini kita memiliki sampul gambar di mana
‫kita mendapatkan nama bidang, nama asli, dan
‫juga mimetype, oke, kemudian Anda melihat buffernya di sini ,
‫dan pada dasarnya ini adalah representasi
‫dari gambar dalam memori.
‫Sekarang penting di
‫sini untuk dicatat bahwa sebenarnya sampul gambar adalah array, oke?
‫Jadi ketika
‫kita akan mengambil gambar dari sampul gambar,
‫kita harus menggunakan elemen pertama dari array ini.
‫Dan kemudian di gambar, di sini jelas bahwa
‫kita memiliki array dan di
‫sini untuk setiap gambar, kita memiliki objek seperti ini.
‫Jadi dengan nama aslinya, tour empat, tiga dan dua, lalu
‫masing-masing sebagai penyangga.
‫Baiklah, jadi semuanya terhubung dengan baik dan sekarang yang perlu
‫kita lakukan pada dasarnya adalah membuat gambar tur pengubahan
‫ukuran ini, karena di sinilah gambar
‫akan diproses dan juga
‫disimpan ke disk.
‫Oke, dan begitulah topik kuliah selanjutnya.