1 00:00:01,310 --> 00:00:04,140 ‫-: Dalam video ini Anda akan belajar tentang pemrosesan 2 00:00:04,140 --> 00:00:06,930 ‫dan manipulasi gambar dengan Node JS, dan dalam 3 00:00:06,930 --> 00:00:08,760 ‫kasus khusus ini, kami 4 00:00:08,760 --> 00:00:11,193 ‫akan mengubah ukuran dan mengonversi gambar kami. 5 00:00:12,760 --> 00:00:15,140 ‫Jadi di mana-mana di antarmuka pengguna 6 00:00:15,140 --> 00:00:18,490 ‫kami, kami menganggap bahwa gambar yang diunggah adalah kotak. 7 00:00:18,490 --> 00:00:20,250 ‫Sehingga kita dapat 8 00:00:20,250 --> 00:00:22,570 ‫menampilkannya sebagai lingkaran seperti ini. 9 00:00:22,570 --> 00:00:25,400 ‫Jadi ini hanya berfungsi jika berbentuk 10 00:00:25,400 --> 00:00:27,260 ‫kotak, tetapi 11 00:00:27,260 --> 00:00:30,535 ‫tentu saja di dunia nyata pengguna jarang 12 00:00:30,535 --> 00:00:32,520 ‫mengunggah gambar berbentuk kotak. 13 00:00:32,520 --> 00:00:34,600 ‫Jadi tugas kita 14 00:00:34,600 --> 00:00:37,850 ‫sekarang adalah mengubah ukuran gambar menjadi persegi. 15 00:00:37,850 --> 00:00:41,300 ‫Baiklah, dan jadi di sini adalah bagaimana kita akan melakukannya. 16 00:00:41,300 --> 00:00:45,370 ‫Kami akan menambahkan middleware lain sebelum memperbarui saya dan 17 00:00:45,370 --> 00:00:47,570 ‫kemudian middleware itu akan 18 00:00:47,570 --> 00:00:49,920 ‫menangani pemrosesan gambar yang sebenarnya. 19 00:00:49,920 --> 00:00:53,200 ‫Baiklah, jadi sebenarnya mari kita lakukan di sini dalam 20 00:00:53,200 --> 00:00:54,470 ‫kode setelah yang 21 00:00:54,470 --> 00:00:57,333 ‫satu ini, karena mereka agak terhubung bukan? 22 00:00:58,610 --> 00:01:00,623 ‫Jadi, ekspor 23 00:01:01,690 --> 00:01:05,513 ‫titik, ubah ukuran foto pengguna. 24 00:01:13,250 --> 00:01:15,320 ‫Dan sebelum kita melanjutkan, mari 25 00:01:15,320 --> 00:01:18,160 ‫kita tambahkan middleware ini ke tumpukan middleware di 26 00:01:18,160 --> 00:01:19,523 ‫rute khusus ini. 27 00:01:20,870 --> 00:01:22,673 ‫Jadi itu di rute 28 00:01:23,860 --> 00:01:26,710 ‫pengguna, dan di sini tepat setelah 29 00:01:26,710 --> 00:01:27,923 ‫foto diunggah 30 00:01:29,410 --> 00:01:32,470 ‫di middleware ini, kami akan mengubah ukurannya. 31 00:01:32,470 --> 00:01:35,180 ‫Jadi ubah ukurannya, dan ini dia 32 00:01:35,180 --> 00:01:36,603 ‫pengontrol pengguna. 33 00:01:41,130 --> 00:01:42,710 ‫Baiklah. 34 00:01:42,710 --> 00:01:44,060 ‫Mari kita benar-benar 35 00:01:45,620 --> 00:01:47,320 ‫pergi ke sini dan kembali. 36 00:01:47,320 --> 00:01:49,480 ‫Jadi pada titik ini kami sudah 37 00:01:49,480 --> 00:01:51,540 ‫memiliki file atas permintaan kami. 38 00:01:51,540 --> 00:01:53,500 ‫Setidaknya jika ada yang diunggah, dan 39 00:01:53,500 --> 00:01:55,000 ‫jika tidak ada yang 40 00:01:55,000 --> 00:01:57,280 ‫diunggah, tentu kita tidak mau berbuat apa-apa. 41 00:01:57,280 --> 00:02:00,163 ‫Jadi itu berarti kita ingin pergi ke middleware berikutnya. 42 00:02:01,090 --> 00:02:03,680 ‫Jadi jika tidak ada 43 00:02:05,230 --> 00:02:10,230 ‫file pada permintaan maka segera kembali dan lanjutkan ke berikutnya. 44 00:02:10,960 --> 00:02:13,380 ‫Oke, tapi sebaliknya kita tentu saja ingin 45 00:02:13,380 --> 00:02:15,700 ‫melakukan pengubahan ukuran gambar itu. 46 00:02:15,700 --> 00:02:19,690 ‫Dan untuk itu, kita akan menggunakan paket sharp. 47 00:02:19,690 --> 00:02:20,890 ‫Baiklah. 48 00:02:20,890 --> 00:02:24,453 ‫Jadi, pertama-tama mari kita benar-benar menginstalnya. 49 00:02:25,630 --> 00:02:28,710 ‫Jadi MPM instal tajam Baiklah, dan 50 00:02:32,190 --> 00:02:35,720 ‫karena itu melakukan tugasnya, mari kita lanjutkan 51 00:02:35,720 --> 00:02:38,533 ‫dan letakkan di sini. 52 00:02:39,500 --> 00:02:40,463 ‫Begitu 53 00:02:41,940 --> 00:02:45,600 ‫tajam, dan membutuhkan, tajam. 54 00:02:45,600 --> 00:02:47,360 ‫Dan sharp adalah perpustakaan pemrosesan gambar 55 00:02:47,360 --> 00:02:51,230 ‫yang sangat bagus dan mudah digunakan untuk Node Js. Dan ada cukup 56 00:02:51,230 --> 00:02:52,590 ‫banyak hal yang dapat 57 00:02:52,590 --> 00:02:53,930 ‫kita lakukan dengannya. 58 00:02:53,930 --> 00:02:55,970 ‫Tapi di mana itu benar-benar bersinar 59 00:02:55,970 --> 00:02:59,150 ‫adalah untuk mengubah ukuran gambar dengan cara yang sangat sederhana. 60 00:02:59,150 --> 00:03:03,690 ‫Jadi, itulah yang kami cari di sini. 61 00:03:03,690 --> 00:03:04,550 ‫Baiklah. 62 00:03:04,550 --> 00:03:08,590 ‫Jadi, kita katakan sharp dan di sini pada 63 00:03:08,590 --> 00:03:11,180 ‫dasarnya kita perlu memasukkan file. 64 00:03:11,180 --> 00:03:13,990 ‫Sekarang, ketika melakukan pemrosesan gambar seperti 65 00:03:13,990 --> 00:03:16,120 ‫ini tepat setelah mengunggah 66 00:03:16,120 --> 00:03:19,310 ‫file, maka selalu yang terbaik untuk tidak 67 00:03:19,310 --> 00:03:22,770 ‫menyimpan file ke disk, tetapi menyimpannya ke memori. 68 00:03:22,770 --> 00:03:24,580 ‫Kami sudah membicarakannya sebelumnya, 69 00:03:24,580 --> 00:03:27,130 ‫jadi sekarang lakukan itu dalam praktik. 70 00:03:27,130 --> 00:03:29,930 ‫Oke, jadi untuk itu kita perlu 71 00:03:29,930 --> 00:03:32,830 ‫mengubah sedikit atau multer konfigurasi dan sebenarnya 72 00:03:32,830 --> 00:03:35,230 ‫hanya penyimpanan multer ini, 73 00:03:35,230 --> 00:03:38,703 ‫karena sekarang kita tidak lagi membutuhkan semua ini. 74 00:03:40,600 --> 00:03:42,453 ‫Dan alih-alih 75 00:03:45,700 --> 00:03:50,700 ‫multer storage, akan multer dot memory storage saja. 76 00:03:52,250 --> 00:03:54,810 ‫Dan seperti ini, oke? 77 00:03:54,810 --> 00:03:56,720 ‫Dan seperti yang saya 78 00:03:56,720 --> 00:04:00,730 ‫sebutkan sebelumnya, dengan cara ini gambar akan disimpan sebagai buffer. 79 00:04:00,730 --> 00:04:03,080 ‫Dan buffer itu kemudian tersedia di 80 00:04:03,080 --> 00:04:07,820 ‫request dot file dot buffer dan jadi ini cara yang lebih 81 00:04:07,820 --> 00:04:10,500 ‫efisien seperti ini, jadi daripada harus 82 00:04:10,500 --> 00:04:13,600 ‫menulis file ke disk dan kemudian membacanya 83 00:04:13,600 --> 00:04:15,330 ‫lagi di sini. 84 00:04:15,330 --> 00:04:17,860 ‫Kami hanya menyimpan gambar pada dasarnya dalam 85 00:04:17,860 --> 00:04:20,960 ‫memori dan kemudian di sini kami dapat membacanya, oke? 86 00:04:20,960 --> 00:04:23,181 ‫Bagaimanapun, memanggil fungsi sharp seperti 87 00:04:23,181 --> 00:04:26,300 ‫ini di sini kemudian akan membuat objek di mana 88 00:04:26,300 --> 00:04:29,750 ‫kita dapat menghubungkan beberapa metode untuk melakukan pemrosesan gambar kita. 89 00:04:29,750 --> 00:04:32,913 ‫Dan hal pertama yang akan kita lakukan adalah mengubah ukuran. 90 00:04:34,040 --> 00:04:36,740 ‫Jadi, ubah ukuran, lalu di sini kita bisa 91 00:04:36,740 --> 00:04:38,480 ‫menentukan lebar dan tinggi. 92 00:04:38,480 --> 00:04:42,480 ‫Jadi katakanlah 500 dan 500 jadi ingat kita 93 00:04:42,480 --> 00:04:44,780 ‫ingin gambar persegi, dan 94 00:04:44,780 --> 00:04:47,220 ‫tentu saja, tingginya harus sama 95 00:04:47,220 --> 00:04:48,770 ‫dengan lebarnya. 96 00:04:48,770 --> 00:04:50,750 ‫Sekarang ini akan 97 00:04:50,750 --> 00:04:55,050 ‫memotong gambar sehingga menutupi seluruh 500 kali 500 persegi. 98 00:04:55,050 --> 00:04:56,400 ‫Dan sebenarnya kita 99 00:04:56,400 --> 00:04:59,130 ‫bisa mengubah perilaku default ini jika kita mau. 100 00:04:59,130 --> 00:05:01,320 ‫Jadi, mari kita lihat 101 00:05:01,320 --> 00:05:02,563 ‫kembali dokumentasinya. 102 00:05:04,860 --> 00:05:09,053 ‫Jadi katakanlah, github sharp, tetapi sebenarnya situs web 103 00:05:09,990 --> 00:05:12,100 ‫mereka sendiri sedikit 104 00:05:12,100 --> 00:05:14,440 ‫lebih baik, sedikit lebih lengkap. 105 00:05:14,440 --> 00:05:18,360 ‫Jadi mari klik tautan itu di sini, dan kemudian di 106 00:05:18,360 --> 00:05:20,770 ‫sini kita bisa mengubah ukuran, yang sedang 107 00:05:20,770 --> 00:05:22,780 ‫kita lakukan sekarang dan 108 00:05:22,780 --> 00:05:25,153 ‫inilah yang baru saja saya bicarakan. 109 00:05:26,110 --> 00:05:29,130 ‫Baiklah, jadi default di sini adalah bahwa 110 00:05:29,130 --> 00:05:31,070 ‫gambar akan dipotong 111 00:05:31,070 --> 00:05:33,610 ‫untuk menutupi kedua dimensi yang disediakan. 112 00:05:33,610 --> 00:05:38,610 ‫Tapi kita juga bisa memilih isi, isi, di dalam, atau di luar. 113 00:05:39,280 --> 00:05:43,310 ‫Dan, kami akan melakukannya dengan mengatur opsi di sini. 114 00:05:43,310 --> 00:05:46,700 ‫Jadi kita bisa mengatur lebar, tinggi, dan kemudian sebagai 115 00:05:46,700 --> 00:05:48,830 ‫opsi ketiga, kita bisa mengatur 116 00:05:48,830 --> 00:05:52,070 ‫objek opsi ini di mana kita bisa menentukan kecocokannya. 117 00:05:52,070 --> 00:05:54,560 ‫Kami juga dapat menentukan posisi, yang secara 118 00:05:54,560 --> 00:05:56,433 ‫default berada di tengah. 119 00:05:58,970 --> 00:06:00,653 ‫Anda lihat bahwa ada banyak 120 00:06:00,653 --> 00:06:03,420 ‫hal yang benar-benar dapat kami definisikan untuk menyempurnakan 121 00:06:03,420 --> 00:06:04,670 ‫pemrosesan gambar kami. 122 00:06:04,670 --> 00:06:07,653 ‫Tetapi dalam hal ini, apa yang kita miliki sudah cukup. 123 00:06:08,550 --> 00:06:10,720 ‫Jadi mari kita lanjutkan ke langkah berikutnya. 124 00:06:10,720 --> 00:06:12,990 ‫Karena yang ingin saya lakukan 125 00:06:12,990 --> 00:06:16,450 ‫selanjutnya adalah mengonversi gambar selalu ke jpeg, oke? 126 00:06:16,450 --> 00:06:18,863 ‫Dan untuk itu, kami menggunakan 127 00:06:21,640 --> 00:06:23,463 ‫format, lalu jpeg. 128 00:06:25,000 --> 00:06:28,180 ‫Kami juga kemudian dapat menentukan kualitas jpeg ini. 129 00:06:28,180 --> 00:06:30,170 ‫Jadi pada dasarnya 130 00:06:30,170 --> 00:06:32,310 ‫untuk mengompresnya sedikit agar tidak 131 00:06:33,230 --> 00:06:36,900 ‫memakan banyak ruang dan untuk itu, kami menggunakan 132 00:06:36,900 --> 00:06:41,900 ‫metode jpeg, dan menetapkan opsi di objek ini dengan kualitas dan 133 00:06:42,290 --> 00:06:45,043 ‫katakanlah 90 persen di sini, oke? 134 00:06:46,910 --> 00:06:49,860 ‫Jadi setiap metode ke dalam barisnya sendiri di 135 00:06:49,860 --> 00:06:53,210 ‫sini itu jauh lebih bagus, tapi sebenarnya kita belum selesai. 136 00:06:53,210 --> 00:06:56,020 ‫Kami hampir selesai, tetapi tidak sepenuhnya. 137 00:06:56,020 --> 00:06:57,460 ‫Karena sekarang, pada 138 00:06:57,460 --> 00:07:01,850 ‫akhirnya, kami akhirnya ingin menulisnya ke file di disk kami. 139 00:07:01,850 --> 00:07:04,913 ‫Dan untuk itu, kita bisa menggunakan ke file, 140 00:07:06,230 --> 00:07:08,550 ‫sekarang metode ini di sini 141 00:07:08,550 --> 00:07:10,940 ‫sebenarnya membutuhkan seluruh path ke file. 142 00:07:10,940 --> 00:07:13,180 ‫Jadi pada dasarnya 143 00:07:14,240 --> 00:07:17,440 ‫gambar publik, garis miring, pengguna, dan 144 00:07:17,440 --> 00:07:20,460 ‫akhirnya di sini nama filenya, oke? 145 00:07:20,460 --> 00:07:21,990 ‫Jadi mari kita dapatkan itu sebenarnya 146 00:07:21,990 --> 00:07:23,550 ‫dari apa yang kita miliki di sini sebelumnya. 147 00:07:23,550 --> 00:07:25,840 ‫Karena tentu saja, kami ingin gambar kami 148 00:07:25,840 --> 00:07:27,183 ‫memiliki format yang serupa. 149 00:07:29,520 --> 00:07:32,380 ‫Baiklah, jadi mari kita salin itu. 150 00:07:32,380 --> 00:07:34,723 ‫Tapi sebenarnya saya tidak akan meletakkannya di sini. 151 00:07:35,790 --> 00:07:38,010 ‫Sebagai gantinya, saya benar-benar 152 00:07:38,010 --> 00:07:42,443 ‫akan menyimpannya untuk meminta nama file dot dot file. 153 00:07:43,490 --> 00:07:45,777 ‫Sekarang mengapa saya melakukannya seperti ini? 154 00:07:45,777 --> 00:07:48,280 ‫Yah itu karena sekarang nama 155 00:07:48,280 --> 00:07:50,340 ‫file ini tidak didefinisikan. 156 00:07:50,340 --> 00:07:55,340 ‫Jadi, ketika kita memutuskan untuk menyimpan gambar ke dalam memori sebagai buffer, 157 00:07:56,270 --> 00:08:00,050 ‫nama file tidak akan benar-benar diatur, tetapi kita benar-benar 158 00:08:00,050 --> 00:08:02,300 ‫membutuhkan nama file itu 159 00:08:02,300 --> 00:08:05,050 ‫di fungsi middleware kita yang lain, bukan? 160 00:08:05,050 --> 00:08:09,310 ‫Jadi itu di sini di perbarui saya di sini. 161 00:08:09,310 --> 00:08:12,360 ‫Jadi kita mengandalkan request dot file dot 162 00:08:12,360 --> 00:08:16,400 ‫file name untuk menyimpan nama file ke database kita, kan? 163 00:08:16,400 --> 00:08:19,770 ‫Dan sebenarnya, kita harus mendefinisikannya. 164 00:08:19,770 --> 00:08:22,442 ‫Jadi, sebelumnya tentu saja ditentukan oleh 165 00:08:22,442 --> 00:08:25,970 ‫multi-upload yang kami miliki, tetapi karena itu sudah 166 00:08:25,970 --> 00:08:30,323 ‫hilang sekarang, kami pada dasarnya harus mendefinisikan ulang di sini. 167 00:08:31,320 --> 00:08:32,260 ‫Oke? 168 00:08:32,260 --> 00:08:34,560 ‫Kemudian di sini, sebenarnya, kita dapat 169 00:08:34,560 --> 00:08:37,020 ‫menyingkirkan bagian ekstensi ini, karena kita sudah 170 00:08:37,020 --> 00:08:39,460 ‫tahu bahwa itu akan selalu berupa jpeg. 171 00:08:39,460 --> 00:08:42,570 ‫Karena ini untuk memformat, oke? 172 00:08:42,570 --> 00:08:45,513 ‫Jadi di sini, kita cukup meletakkan jpeg. 173 00:08:47,130 --> 00:08:50,383 ‫Jadi tidak perlu mendapatkan ekstensi file. 174 00:08:51,320 --> 00:08:52,263 ‫Dan sekarang 175 00:08:54,610 --> 00:08:55,993 ‫di sini, kita dapat menggunakannya. 176 00:08:56,911 --> 00:09:00,890 ‫Req dot file dot nama file, dan 177 00:09:00,890 --> 00:09:02,403 ‫hanya itu. 178 00:09:04,020 --> 00:09:04,853 ‫Oke? 179 00:09:04,853 --> 00:09:06,820 ‫Jadi yang perlu kita 180 00:09:06,820 --> 00:09:10,790 ‫lakukan sekarang untuk menyelesaikannya adalah memanggil middleware berikutnya di tumpukan. 181 00:09:10,790 --> 00:09:14,430 ‫Dan itu akan menjadi fungsi update me handler. 182 00:09:14,430 --> 00:09:17,603 ‫Jadi tentu saja, sekarang mari kita benar-benar mengujinya. 183 00:09:18,530 --> 00:09:21,280 ‫Jadi, kita tidak lagi membutuhkan yang satu ini. 184 00:09:21,280 --> 00:09:23,390 ‫Mari datang ke Postman, dan 185 00:09:23,390 --> 00:09:25,240 ‫sekarang pengguna yang 186 00:09:25,240 --> 00:09:28,410 ‫ingin saya perbarui disebut arrav, saya pikir. 187 00:09:28,410 --> 00:09:31,053 ‫Mari kita lihat data kami dengan sangat cepat. 188 00:09:32,520 --> 00:09:35,910 ‫Jadi ya, jadi ini adalah gambar non-persegi yang akan 189 00:09:35,910 --> 00:09:38,070 ‫kita unggah sekarang dan sebenarnya Anda 190 00:09:38,070 --> 00:09:39,800 ‫melihat ukurannya di sini 191 00:09:39,800 --> 00:09:42,600 ‫yaitu 1000 kali 1500, dan kemudian mari kita 192 00:09:42,600 --> 00:09:44,540 ‫bandingkan dengan gambar yang telah 193 00:09:44,540 --> 00:09:46,223 ‫kita ubah ukurannya. 194 00:09:47,110 --> 00:09:48,090 ‫Baiklah. 195 00:09:48,090 --> 00:09:51,090 ‫Omong-omong, sekarang mari kita dapatkan nama 196 00:09:52,120 --> 00:09:55,720 ‫untuk arrav Sebenarnya kita tidak perlu, mereka selalu 197 00:09:56,840 --> 00:10:01,010 ‫sama jadi arrav seperti ini, jadi mari kita masuk. 198 00:10:01,010 --> 00:10:02,930 ‫Sehingga kami dapat memperbaruinya 199 00:10:02,930 --> 00:10:07,530 ‫dan Anda melihat bahwa sekarang adalah gambar di sini adalah pengguna 11. 200 00:10:07,530 --> 00:10:09,620 ‫Dan hanya untuk melihatnya sedikit 201 00:10:09,620 --> 00:10:11,400 ‫lebih baik, mari kita benar-benar 202 00:10:11,400 --> 00:10:15,370 ‫memperbarui, mari kita benar-benar masuk, ke dalam aplikasi web kita menggunakan 203 00:10:15,370 --> 00:10:16,543 ‫pengguna itu. 204 00:10:21,820 --> 00:10:23,883 ‫Jadi uji satu, dua, tiga, empat. 205 00:10:26,420 --> 00:10:29,490 ‫Baiklah, jadi itu adalah gambar saat ini dan 206 00:10:29,490 --> 00:10:32,233 ‫sekarang mari kita lanjutkan dan perbarui itu. 207 00:10:37,120 --> 00:10:40,260 ‫Pilih file, dan inilah gambar kita buka 208 00:10:41,330 --> 00:10:44,900 ‫itu dan mari kita lihat apa yang terjadi. 209 00:10:44,900 --> 00:10:46,290 ‫Dan kita sudah selesai. 210 00:10:46,290 --> 00:10:47,980 ‫Itu sebenarnya sangat cepat, 211 00:10:47,980 --> 00:10:50,430 ‫jadi mari kita lihat apakah itu benar. 212 00:10:50,430 --> 00:10:53,023 ‫Yah setidaknya nama di sini tampaknya benar. 213 00:10:54,590 --> 00:10:59,590 ‫Jika kita melihat pengguna kita sekarang di sini, itu di 214 00:10:59,750 --> 00:11:02,900 ‫tempat umum, atau di sini. 215 00:11:02,900 --> 00:11:04,520 ‫Jadi yang seharusnya bukan 216 00:11:04,520 --> 00:11:05,420 ‫itu. 217 00:11:07,610 --> 00:11:10,070 ‫Dan sebenarnya itu tidak bisa ditemukan. 218 00:11:10,070 --> 00:11:11,710 ‫Mari kita reload, ah, dan 219 00:11:11,710 --> 00:11:12,913 ‫ini dia. 220 00:11:14,380 --> 00:11:15,493 ‫Sekarang, itu dia. 221 00:11:16,580 --> 00:11:20,060 ‫Jadi Anda lihat sekarang 500 kali 500 222 00:11:20,060 --> 00:11:21,700 ‫jauh lebih kecil 223 00:11:21,700 --> 00:11:26,560 ‫di sini, jadi 55 dibandingkan dengan 315 yang kita miliki sebelumnya. 224 00:11:26,560 --> 00:11:28,180 ‫Jadi itu jauh 225 00:11:28,180 --> 00:11:31,740 ‫lebih baik, dan seperti yang akan Anda lihat di 226 00:11:31,740 --> 00:11:34,310 ‫sini, sekarang juga harus diperbarui di sini. 227 00:11:34,310 --> 00:11:36,050 ‫Dan itu sempurna. 228 00:11:36,050 --> 00:11:39,650 ‫Jadi wajah sebenarnya tepat di tengah sini. 229 00:11:39,650 --> 00:11:43,730 ‫Jadi pengubahan ukuran itu benar-benar berjalan agak sempurna. 230 00:11:43,730 --> 00:11:44,563 ‫Dingin. 231 00:11:44,563 --> 00:11:46,530 ‫Dan saya harap Anda 232 00:11:46,530 --> 00:11:48,810 ‫akan menemukan kegunaan untuk pemrosesan gambar 233 00:11:48,810 --> 00:11:51,290 ‫semacam ini dalam aplikasi Anda sendiri juga. 234 00:11:51,290 --> 00:11:54,660 ‫Jadi hanya untuk cepat rekap apa yang kita lakukan di sini. 235 00:11:54,660 --> 00:11:57,340 ‫Nah kami membuat fungsi middleware baru 236 00:11:57,340 --> 00:11:59,490 ‫yang akan berjalan tepat setelah 237 00:11:59,490 --> 00:12:01,460 ‫foto benar-benar diunggah. 238 00:12:01,460 --> 00:12:03,850 ‫Dan unggahan itu sekarang benar-benar 239 00:12:03,850 --> 00:12:07,860 ‫terjadi pada buffer dan tidak lagi langsung ke sistem file. 240 00:12:07,860 --> 00:12:08,693 ‫Benar? 241 00:12:08,693 --> 00:12:11,163 ‫Dan itulah mengapa kami menggunakan penyimpanan memori 242 00:12:12,010 --> 00:12:14,950 ‫ini di sini, tetapi tentu saja filter multipel 243 00:12:14,950 --> 00:12:16,420 ‫ini masih berfungsi. 244 00:12:16,420 --> 00:12:20,063 ‫Jadi kita tetap hanya bisa mengupload gambar, oke? 245 00:12:20,980 --> 00:12:23,510 ‫Jadi di sini, di middleware itu, kami menempatkan 246 00:12:23,510 --> 00:12:25,600 ‫nama file gambar itu berdasarkan 247 00:12:25,600 --> 00:12:28,000 ‫permintaan nama file dot file dot sehingga 248 00:12:28,000 --> 00:12:30,200 ‫kami dapat menggunakannya dalam pembaruan saya. 249 00:12:31,100 --> 00:12:33,510 ‫Baiklah, dan kemudian di sini kita memiliki 250 00:12:33,510 --> 00:12:35,670 ‫pemrosesan gambar yang sebenarnya itu sendiri. 251 00:12:35,670 --> 00:12:38,330 ‫Dimana pertama kita resize menjadi persegi 252 00:12:38,330 --> 00:12:40,120 ‫kemudian diformat menjadi jpeg 253 00:12:40,120 --> 00:12:43,010 ‫dengan kualitas 90 persen, dan terakhir kita 254 00:12:43,010 --> 00:12:45,930 ‫tuliskan file tersebut ke dalam file system 255 00:12:45,930 --> 00:12:50,710 ‫kita ke folder yang sama persis dengan yang kita tentukan juga sebelumnya. 256 00:12:50,710 --> 00:12:53,260 ‫Baiklah, jadi begini cara kerjanya ketika 257 00:12:53,260 --> 00:12:55,040 ‫Anda membutuhkan pemrosesan 258 00:12:55,040 --> 00:12:57,310 ‫gambar, tetapi jika Anda tidak 259 00:12:57,310 --> 00:13:00,500 ‫membutuhkannya, tentu saja Anda dapat terus menggunakannya, oke? 260 00:13:00,500 --> 00:13:02,210 ‫Dan itu sangat penting bahwa kita 261 00:13:02,210 --> 00:13:03,450 ‫belajar bagaimana melakukannya 262 00:13:03,450 --> 00:13:05,160 ‫dengan dua cara di sini. 263 00:13:05,160 --> 00:13:07,380 ‫Baiklah, selanjutnya di video berikutnya 264 00:13:07,380 --> 00:13:10,462 ‫kita akan benar-benar membuat formulir ini di sini 265 00:13:10,462 --> 00:13:12,700 ‫berfungsi sehingga kami dapat mengunggah foto 266 00:13:12,700 --> 00:13:14,633 ‫pengguna langsung dari sini.