时间戳

首页 > 解决方案 > 如何使用 JavaScript 在实时数据库中存储 Firebase 存储图像 URL

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

问题描述

此代码是在 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
})

标签： javascriptfirebasefirebase-realtime-database

解决方案

您可以尝试执行以下功能：

 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。如果您需要更多帮助，请告诉我。

推荐阅读