Firebase 存储无法上传图像 React Native

Question

我试图让用户在注册期间上传个人资料图片，但是我一直遇到无法上传图片的问题。我查看了其他回复、在线教程，甚至询问了 ChatGPT。还是得到同样的回应。

这是 VSC 上的代码

1 2 3 4 5

以下是我的 Firebase 存储内容： 存储规则

以下是控制台日志中显示的内容： 控制台日志

任何帮助表示赞赏

Answer 1

您可以通过转换成blob URL来上传图片

const uploadImage = async () => {
        setUploading(true)
        const response = await fetch(image.uri)
        const blob = response.blob()
        const filename = image.uri.substring(image.uri.lastIndexOf('/')+1)
        var ref = firebase.storage().ref().child(filename).put(blob)
        try {
            await ref;
        } catch (e){
            console.log(e)
        }
        setUploading(false)
        Alert.alert(
            'Photo uploaded!'
        );
        setImage(null);
    }