如何使用 JavaScript 在实时数据库中存储 Firebase 存储图像 URL

Question

此代码是在将图像存储上传到 Firebase 存储时。

我希望将此图像 URL 存储在 firebase 实时数据库中。

 const ref = firebase.storage().ref()
 const date = new Date();
 const name =  date.toLocaleTimeString() + '-' + file.name
 const metadata = {
  contentType:file.type
}
const task = ref.child(name).put(file,metadata)
 task
.then(snapshot => snapshot.ref.getDownloadURL())
 .then(url => {
 const image = document.querySelector('#imageff')
 image.src = url
})

Answer 1

您可以尝试执行以下函数：

 const ref = firebase.storage().ref()
 const date = new Date();
 const name =  date.toLocaleTimeString() + '-' + file.name
 const metadata = {
  contentType:file.type
}
const task = ref.child(name).put(file,metadata)
 task
.then(snapshot => snapshot.ref.getDownloadURL())
 .then((url) => {
 const image = document.querySelector('#imageff')
 image.src = url

 //Add this URL to Firebase Realtime Database
 firebase.database().ref(`/path/to/location/in/db`).set({
    imageUrl: url
  }).then(() => {
    console.log("URL added in database successfully.")
  }).catch(e => console.log(e));
})

确保.ref() 中的路径是您希望 URL 所在的位置。您还可以与 imageUrl 一起添加更多字段。 如果您需要更多帮助，请告诉我。