React Firebase Upload image
firebaseConfig.js getStorage, firebase/storage, useState, storage, useEffect, refresh,
3 November, 2022
0
0
0
Contributors
pakai css default
kita akan ngebatasi hanya iamge saja, kita masukkan accept
sekarang kita akan menampilkan preview image dari gambar yang kita upload
image kita berada di array dan buka object
tambahkan ,ultiple untuk menambahkan image sekaligus. ketika memilih 3 files sekaligus, ini menjadi alasan kenapa files ini sebuah array.
setelah mengetahui kita sudah bisa mengubah gambar menjadi base 64, maka selanjutnya kita akan buat state penampung preview image.
kita sudah bisa menampilkan preview image, selanjutnya kita akan upload image kita ke firestore.
selanjutnya kita import getstorage dari firebase
selanjutnya kita import storage, dan ref, uploadBytes from storage firebase, tambahkan id di element input1:52:44
selanjutnya kita akan menampilkan gambar yang sudah berhasil kita upload ke firebase.
menampilkan list gambar yang sudah kita upload ke console
selanjutnya kita akan buat use state untuk menyimpan data di website kita, tambahkan async kedalam listImage
selanjutnya biar refreshnyaotomatis kita kasih usestate refresh,
Languages
CSS 3
Javascript UI
React
Realtime Backend
Firebase