Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/azure/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 使用React native/Expo将图像文件上载到firebase时出现问题_Reactjs_Firebase_React Native_Expo - Fatal编程技术网

Reactjs 使用React native/Expo将图像文件上载到firebase时出现问题

Reactjs 使用React native/Expo将图像文件上载到firebase时出现问题,reactjs,firebase,react-native,expo,Reactjs,Firebase,React Native,Expo,一直在尝试将图像上载到firebase存储,但迄今为止没有任何运气。因此,当我从库中拾取图像时,它会显示它,但在我尝试按下post按钮后,它只会给我一个错误 下面是我得到的错误: 你看过这个例子吗注意XMLHttpRequest用于获取blob,以及相关github注释的链接it@brentvatne谢谢你的贡献。一切正常,但它直接将图像上传到firebase,无需任何用户批准。我似乎找不到一种通过按下按钮上传图像的方法。 export default PostScreen = () =>

一直在尝试将图像上载到firebase存储,但迄今为止没有任何运气。因此,当我从库中拾取图像时,它会显示它,但在我尝试按下post按钮后,它只会给我一个错误

下面是我得到的错误:


你看过这个例子吗注意XMLHttpRequest用于获取blob,以及相关github注释的链接it@brentvatne谢谢你的贡献。一切正常,但它直接将图像上传到firebase,无需任何用户批准。我似乎找不到一种通过按下按钮上传图像的方法。
export default PostScreen = () => {
  const [image, setImage] = useState(null);

  const pickImage = async () => {
    let result = await ImagePicker.launchImageLibraryAsync({
      allowsEditing: true,
      aspect: [4, 3],
      width: 300,
      height: 400,
      quality: 1,
    });
    if (!result.cancelled) {
      console.log("user cancelled image");
      setImage(result.uri);
    }
  };

  const submitPost = async () => {
    const result = await uploadImage();
    console.log("Image Url: ", imageUrl);
  };

  const uploadImage = async (uri, imageName) => {
    const response = await fetch(uri);
    const blob = await response.blob();

    var ref = firebase
      .storage()
      .ref()
      .child("images/" + imageName);
    return ref.put(blob);
  };