1
00:00:00,960 --> 00:00:02,770
‫Instruktur: Mari sekarang, dengan

2
00:00:02,770 --> 00:00:05,560
‫sangat cepat, simpan nama sebenarnya dari gambar

3
00:00:05,560 --> 00:00:08,783
‫yang diunggah ke dokumen pengguna yang diperbarui terkait.

4
00:00:10,490 --> 00:00:12,960
‫Dan melakukan itu sebenarnya cukup sederhana.

5
00:00:12,960 --> 00:00:16,330
‫Jadi mari kita pergi ke sini untuk memperbarui saya

6
00:00:16,330 --> 00:00:19,640
‫middleware, dan data yang diperbarui di sini disimpan di

7
00:00:19,640 --> 00:00:22,310
‫objek tubuh yang difilter ini, bukan?

8
00:00:22,310 --> 00:00:25,010
‫Dan ingat bahwa objek ini di sini

9
00:00:25,010 --> 00:00:29,090
‫adalah hasil dari penyaringan permintaan. body, hanya

10
00:00:29,090 --> 00:00:32,900
‫menyisakan nama dan email, kan?

11
00:00:32,900 --> 00:00:37,010
‫Sekarang, menambahkan foto ke dalamnya juga sangat sederhana.

12
00:00:37,010 --> 00:00:39,680
‫Yang harus kita lakukan adalah sesuatu seperti ini.

13
00:00:39,680 --> 00:00:44,110
‫Jadi, jika ada permintaan. file,

14
00:00:44,110 --> 00:00:48,610
‫kalau begitu, filteredBody. foto, yang ingat, adalah nama

15
00:00:48,610 --> 00:00:50,670
‫bidang yang menyimpan

16
00:00:50,670 --> 00:00:55,670
‫foto, akan sama dengan permintaan. file, dan kemudian

17
00:00:56,710 --> 00:00:59,260
‫. nama file.

18
00:00:59,260 --> 00:01:01,780
‫Jadi apa yang kita miliki di sini, bukan?

19
00:01:01,780 --> 00:01:04,760
‫Ingat, bahwa kami hanya benar-benar menyimpan nama gambar

20
00:01:04,760 --> 00:01:08,100
‫ke dokumen kami, dan bukan seluruh jalur ke gambar.

21
00:01:08,100 --> 00:01:10,810
‫Dan itulah yang kami inginkan di sini.

22
00:01:10,810 --> 00:01:14,470
‫Jadi, nama filenya, oke?

23
00:01:14,470 --> 00:01:18,800
‫Jadi, simpan saja, dan mari kita coba di sini.

24
00:01:18,800 --> 00:01:21,913
‫Juga, kita sekarang dapat menyingkirkan konsol ini. log di sini.

25
00:01:24,820 --> 00:01:28,610
‫Baiklah, dan, jadi saya harap baris kode ini masuk akal bagi

26
00:01:28,610 --> 00:01:31,240
‫Anda, tetapi saya yakin itu benar.

27
00:01:31,240 --> 00:01:34,650
‫Jadi sebenarnya, yang kita lakukan hanyalah menambahkan properti foto

28
00:01:34,650 --> 00:01:37,810
‫ke objek yang akan diperbarui di sini.

29
00:01:37,810 --> 00:01:39,750
‫Dan properti foto itu,

30
00:01:39,750 --> 00:01:42,573
‫tentu saja, sama dengan nama file file.

31
00:01:43,720 --> 00:01:47,660
‫Oke, jadi mari kita coba di sini sekali lagi.

32
00:01:47,660 --> 00:01:50,373
‫Dan sekarang kembali ke gambar aslinya,

33
00:01:53,240 --> 00:01:54,763
‫yang ini.

34
00:01:56,090 --> 00:01:59,770
‫Jadi, buka, kirim, dan memang, sekarang kami mendapatkan

35
00:01:59,770 --> 00:02:01,853
‫nama file yang benar.

36
00:02:02,740 --> 00:02:06,450
‫Oke, jadi itu benar-benar berfungsi sekarang.

37
00:02:06,450 --> 00:02:08,490
‫Dan sekarang, hanya satu detail kecil

38
00:02:08,490 --> 00:02:10,340
‫yang tidak kita bicarakan sebelumnya.

39
00:02:10,340 --> 00:02:13,830
‫Jadi, apa yang terjadi ketika kita membuat pengguna baru?

40
00:02:13,830 --> 00:02:16,750
‫Mereka tidak akan memiliki foto pada awalnya, kan?

41
00:02:16,750 --> 00:02:19,422
‫Jadi mari kita benar-benar mengubahnya.

42
00:02:19,422 --> 00:02:23,780
‫Oke, dan untuk itu kami memiliki gambar default di sini, yang

43
00:02:23,780 --> 00:02:26,083
‫pada dasarnya adalah yang ini.

44
00:02:27,380 --> 00:02:30,543
‫Jadi, mari kita beralih ke model pengguna.

45
00:02:31,920 --> 00:02:35,410
‫Jadi, sudah lama kami tidak menyentuh yang satu itu.

46
00:02:35,410 --> 00:02:40,410
‫Jadi di sini, di foto, sekarang mari kita tentukan defaultnya, oke.

47
00:02:40,550 --> 00:02:44,893
‫Jadi di sini kita perlu membuat objek.

48
00:02:49,280 --> 00:02:53,583
‫Dan sekarang default kita ingin menjadi default. jpg.

49
00:02:56,505 --> 00:03:00,733
‫Baiklah, ini akan berada di baris baru, dan ini juga.

50
00:03:02,400 --> 00:03:05,490
‫Baiklah, dan, jadi sekarang mari kita lanjutkan

51
00:03:05,490 --> 00:03:07,840
‫dan buat pengguna baru.

52
00:03:07,840 --> 00:03:08,923
‫Jadi, daftar.

53
00:03:11,730 --> 00:03:13,463
‫Dan aku memanggilnya Monica.

54
00:03:15,300 --> 00:03:20,300
‫Dan, dengan email dari Monica@example. com.

55
00:03:23,220 --> 00:03:25,770
‫Sama seperti yang lainnya, oke.

56
00:03:25,770 --> 00:03:27,620
‫Dan masih dengan password standar.

57
00:03:29,660 --> 00:03:32,510
‫Oke, dan sekarang mari kita masuk

58
00:03:32,510 --> 00:03:36,813
‫ke aplikasi web kita menggunakan pengguna yang baru dibuat ini.

59
00:03:38,800 --> 00:03:41,333
‫Jadi, mari kita logout Laura

60
00:03:42,380 --> 00:03:47,380
‫di sini, dan login sebagai Monica dengan tes satu, dua, tiga, empat.

61
00:03:51,050 --> 00:03:52,560
‫Mari kita coba kata sandi itu lagi.

62
00:03:52,560 --> 00:03:54,523
‫Tes satu, dua, tiga, empat.

63
00:03:56,550 --> 00:03:58,430
‫Dan, itu masih tidak berhasil.

64
00:03:58,430 --> 00:04:01,920
‫Mari kita lihat, mungkin kita benar-benar memberinya kata sandi lain.

65
00:04:01,920 --> 00:04:04,743
‫Oh, oke, ini lewat satu, dua, tiga, empat.

66
00:04:05,620 --> 00:04:09,390
‫Jadi, kesalahan bodoh di sini.

67
00:04:09,390 --> 00:04:13,100
‫Jadi lewati satu, dua, tiga, empat, login.

68
00:04:13,100 --> 00:04:17,400
‫Oke, sekarang berhasil, dan sekarang kita harus memuat ulang, dan

69
00:04:17,400 --> 00:04:21,130
‫sekarang memang Anda melihat avatar standar semacam

70
00:04:21,130 --> 00:04:25,640
‫ini yang kadang-kadang kita lihat di beberapa aplikasi web, oke.

71
00:04:25,640 --> 00:04:29,000
‫Jadi sekarang, mari kita lanjutkan dan perbarui dia.

72
00:04:29,000 --> 00:04:32,683
‫Jadi, sekarang Monica sebenarnya adalah pengguna yang sedang login.

73
00:04:34,410 --> 00:04:36,593
‫Jadi, kita tidak perlu nama lagi di sini.

74
00:04:38,600 --> 00:04:41,430
‫Dan sekarang mari kita

75
00:04:41,430 --> 00:04:46,250
‫pilih foto untuk Monica, yang ini, buka, kirim.

76
00:04:46,250 --> 00:04:49,500
‫Dan, memang, itu berhasil sekali lagi.

77
00:04:49,500 --> 00:04:52,120
‫Ini adalah nama file yang diformat

78
00:04:52,120 --> 00:04:55,130
‫dengan baik, dan sekarang jika kita memuat ulang

79
00:04:55,130 --> 00:04:58,530
‫halaman kita, maka tentu saja fotonya akan muncul di sini.

80
00:04:58,530 --> 00:05:03,060
‫Dan memang, ini dia, luar biasa, itu benar-benar hebat.

81
00:05:03,060 --> 00:05:06,500
‫Itu benar-benar terasa seperti aplikasi dunia nyata sekarang.

82
00:05:06,500 --> 00:05:10,460
‫Sekarang, bagaimana jika pengguna benar-benar mengunggah gambar super besar.

83
00:05:10,460 --> 00:05:13,960
‫Katakanlah 10.000 per 10.000 piksel, atau

84
00:05:13,960 --> 00:05:17,570
‫bahkan gambar yang bukan persegi sama sekali.

85
00:05:17,570 --> 00:05:20,870
‫Nah, dalam hal ini, kita perlu mengubah ukuran gambar,

86
00:05:20,870 --> 00:05:24,980
‫dan juga memformat gambar itu benar-benar sesuai dengan kebutuhan kita di aplikasi kita.

87
00:05:24,980 --> 00:05:27,253
‫Dan itulah yang akan kita lakukan selanjutnya.