如何将图片上传到 Firebase 存储，然后返回下载网址?

Question

我尝试将图像上传到 react-native 项目中的 firebase 存储，然后在上传完成后返回下载 URL。

这是我尝试过的： 编辑：

const uploadImg = async (dispatch, uri, uid, mime = 'image/png') => {
console.log('Starting image upload...');
dispatch({ type: types.UPLOAD_IMG, info: 'Uploading profile image...' });
const uploadUri = Platform.OS === 'ios' ? uri.replace('file://', '') : uri;
return (imageRef = firebase
.storage()
.ref(uid)
.child('profileImg')
.putFile(uploadUri, { contentType: 'image/png' })
.catch((err) => {
uploadImgFail(dispatch, err.message);
}));
};

实施部分：

uploadImg(dispatch, img, userCredential.user.uid)
.then((imgRef) => {
const imgUrl = imgRef.getDownloadURL();
console.log('uploaded Image URL: ' + imgUrl)
uploadImgSuccess(dispatch, 'Profile image upload successful...');
// rest of action
}

问题是函数没有返回下载 URL，我得到未经处理的承诺拒绝："找不到变量：imgUrl">

对实现这一目标有任何帮助吗react-native-firebase？

Answer 1

您需要实际从uploadImg返回一个值。 现在它什么也没返回。 在imageRef.putFile()之前添加一个return关键字，以返回其链式承诺返回的承诺。