无法在Firebase存储上上载图像

Question

我试图在Firebase存储中使用Firebase上传图像，但文件不能完全上传。它只显示图像的大小9字节，下载时无法预览。

这是我使用的代码：-

const [image, setImage] = useState(null)
    const [uploading, setUploading] = useState(false);
    const [transferred, setTransferred] = useState(0);

  const uploadImage = async () => {
    if( image == null ) {
      return null;
    }
    
    const uploadUri = image;
    let filename = uploadUri.substring(uploadUri.lastIndexOf('/') + 1);
    console.log(filename)
    // Add timestamp to File Name
    const extension = filename.split('.').pop(); 
    const name = filename.split('.').slice(0, -1).join('.');
    filename = name + Date.now() + '.' + extension;
    console.log("filename")
    console.log(filename)

    setTransferred(0);

    const storageRef = firebase.storage().ref(`photos/${filename}`);
    console.log("storageRef")
    const task = storageRef.put(uploadUri);
    console.log("storageRef")
    console.log(storageRef)
    // Set transferred state
    task.on('state_changed', (taskSnapshot) => {
      console.log(
        `${taskSnapshot.bytesTransferred} transferred out of ${taskSnapshot.totalBytes}`,
      );

      setTransferred(
        Math.round(taskSnapshot.bytesTransferred / taskSnapshot.totalBytes) *
          100,
      );
      console.log(transferred)
    });

    try {
      await task;

      const url = await storageRef.getDownloadURL();

      setUploading(false);
      setImage(null);

      alert(
        'Image uploaded!',
        'Your image has been uploaded to the Firebase Cloud Storage Successfully!',
      );
      return url;

    } catch (e) {
      console.log(e);
      return null;
    }

  };


  const takephotofrommlib = () => {
    ImagePicker.openPicker({
      width: 300,
      height: 300,
      cropping: true,
    }).then((image) => {
      console.log(image);
      const imageUri = Platform.OS === 'ios' ? image.path : image.path;
      setImage(image.path);
      console.log("image.path")
      console.log(image.path)

    });
  };

我使用的反应本地图像作物选择器。我使用Firebase，但不是反应本机Firebase。请帮助！

Answer 1

我只是制作了一个文件上传文件。js这里有一个代码

import storage from "@react-native-firebase/storage";

export default async function uploadFile(ref,fileName,file) {   
  if(!file) return
      const tarea=file
  if (tarea&& tarea.indexOf("http://") == 0 || tarea&&tarea.indexOf("https://") == 0) 
{
    // do something here
    return tarea
  }
  const reference = storage().ref(`${ref}/${fileName}`);
   await reference.putFile(file).catch(err=>{console.log("error upload",err);
   })
  return await storage()
  .ref(`${ref}/${fileName}`)
  .getDownloadURL().catch(err=>{console.log("download eror",err);
  });
}

您可以这样使用img=wait uploadFile（'photos'，“fileName”，filePath）

在img中，您可以获得下载url