将照片上传到 firebase 存储时,如何将日期或时间等用户图像详细信息添加到文件名?
How to add user image details like date or time to file name while uploading photos to firebase storage?
我遇到了在 Firebase 存储中上传图片的问题。我可以在 firebase 存储中上传用户图片,但它只显示最新的图片。它不显示以前的图像。我认为这是因为我创建的路径和这行代码中的时间戳:
const path = 'photos/${Date.now()}.jpg';
我正在使用 expo 和 React。这是上传图片的代码:
uploadPhotoAsync = async uri => {
const path = 'photos/${Date.now()}.jpg';
return new Promise (async(res, rej) => {
const response = await fetch(uri)
const file = await response.blob()
let upload = firebase.storage().ref(path).put(file)
upload.on("state_changed", snapshot=>{
}, err => {
rej(err)
}, async ()=>{
const url = await upload.snapshot.ref.getDownloadURL()
res(url)
})
})
}
谢谢。
您的代码中有几个错误:
模板文字应使用反引号 (`) 分隔,而您使用标准单引号 (') 分隔文字:const path = 'photos/$(Date.now()}.jpg';
.
结果:path
的值始终相同。
此外,在 $
之后使用括号而不是大括号。
执行以下操作即可解决问题:
const path = `photos/${Date.now()}.jpg`
我遇到了在 Firebase 存储中上传图片的问题。我可以在 firebase 存储中上传用户图片,但它只显示最新的图片。它不显示以前的图像。我认为这是因为我创建的路径和这行代码中的时间戳:
const path = 'photos/${Date.now()}.jpg';
我正在使用 expo 和 React。这是上传图片的代码:
uploadPhotoAsync = async uri => {
const path = 'photos/${Date.now()}.jpg';
return new Promise (async(res, rej) => {
const response = await fetch(uri)
const file = await response.blob()
let upload = firebase.storage().ref(path).put(file)
upload.on("state_changed", snapshot=>{
}, err => {
rej(err)
}, async ()=>{
const url = await upload.snapshot.ref.getDownloadURL()
res(url)
})
})
}
谢谢。
您的代码中有几个错误:
模板文字应使用反引号 (`) 分隔,而您使用标准单引号 (') 分隔文字:const path = 'photos/$(Date.now()}.jpg';
.
结果:path
的值始终相同。
此外,在 $
之后使用括号而不是大括号。
执行以下操作即可解决问题:
const path = `photos/${Date.now()}.jpg`