如何将图像上传到Firebase

Question

我想要创建一个功能，使用户可以上传自己的个人资料图片并在React Native JavaScript中显示：

• 用户可以转到图片上传页面并更改自己的个人资料图片
• 使用用户的uid名称将图像存储在Firebase存储中
• 仅检索个人资料页面中的用户图像
• 我想将拾取的图像上传到Firebase存储

我可以使用expo-image-picker拾取和显示图像。

代码：

    state = {
    image: null,
    };
    componentDidMount() {
     this.getPermissionAsync();
    }
     getPermissionAsync = async () => {
      if (Platform.OS !== "web") {
       const { status } = await Permissions.askAsync(Permissions.CAMERA_ROLL);
        if (status !== "granted") {
         alert("Sorry, we need camera roll permissions to make this work!");
       }
     }
    };

    _pickImage = async () => {
      try {
        let result = await ImagePicker.launchImageLibraryAsync({
          mediaTypes: ImagePicker.MediaTypeOptions.Images,
          allowsEditing: true,
          aspect: [12, 16],
          quality: 1,
         });
        if (!result.cancelled) {
          this.setState({ image: result.uri });
        }

        console.log(result);
       } catch (E) {
          console.log(E);
       }
     };

Answer 1

您可以尝试将图像转换为base64格式，然后将其插入firebase。