如何从Firebase获取图片URL并存入数据库？代码排查求助

嘿，我来帮你搞定这两个Firebase相关的问题！先从你当前遇到的具体问题入手，再给你梳理通用的实现步骤。

问题2：为什么imagePath.metadata.downloadURLs[0]返回undefined？ #

你碰到这个问题的核心原因是Firebase Storage的API已经更新了——旧版本里的metadata.downloadURLs属性已经被弃用移除了，现在要获取文件的下载链接，必须调用异步方法getDownloadURL()。

你的代码里，ref.put(image[0])返回的是一个UploadTask对象，上传完成后，需要通过这个任务的ref来调用getDownloadURL()，而且这个方法是异步的，必须用yield等待它执行完成才能拿到结果。

另外，你构建test对象的时候还有个小问题：属性没有键名，这样存入数据库会有异常，得给图片URL加个明确的键（比如imageUrl）。

修改后的完整代码 #

export function* createTest(database, storage, action){
 try{
 const {testName, date, image} = action.test
 const ref = yield storage.ref(`images/${testName}`)
 // 执行文件上传，获取上传任务对象
 const uploadTask = yield ref.put(image[0])
 // 调用getDownloadURL()获取图片下载链接，注意要yield等待异步操作完成
 const imageUrl = yield uploadTask.ref.getDownloadURL()
 console.log(imageUrl) // 现在能正常打印出URL了

 const id = yield database.ref().child(`some/${action.someId}/tests`).push().key // 这里你多写了一个闭合的}，已修正
 const newpath = `some/${action.someId}/test/${id}`
 const test = {
 testName,
 imageUrl, // 给URL属性加上明确键名
 date
 }
 yield database.ref(newpath).update(test)
 yield put(ActionCreator.createTestSuccess(test))
 }catch({message}){
 yield put(ActionCreator.createTestFailure(message))
 }
 }

问题1：如何从Firebase获取图片的URL路径并存入数据库？ #

通用的实现步骤其实和上面修改后的代码逻辑一致，我再给你梳理一遍清晰的流程：

• 创建Storage引用：用storage.ref()指定图片要上传到Storage的路径（比如images/${自定义文件名}）
• 上传文件：调用引用的put()方法上传本地文件，得到UploadTask对象
• 获取下载URL：通过UploadTask.ref.getDownloadURL()异步获取图片的公开下载链接
• 存入数据库：把获取到的URL和其他业务数据（比如testName、date）一起构建成对象，写入Firebase Realtime Database对应的节点

这样就能完成“上传图片→获取URL→存入数据库”的完整流程啦。

内容的提问来源于stack exchange，提问作者maria mariadobairro