如果你使用的是expo（>=26），那么你可以通过下面的代码行轻松地完成它。

uploadImage = async(imageUri) => {
  const response = await fetch(imageUri);
  const blob = await response.blob();
  var ref =   firebase.storage().ref().child("image.jpg");
  return ref.put(blob);
}

字符串
参考：https://youtu.be/KkZckepfm2Q

不知道这对谁有帮助，但如果您使用MediaLibrary从图库加载图像，则uri的格式为uri = file:///storage/emulated/0/DCIM/Camera/filename.jpg。
在本例中，使用fetch(uri)并不能帮助我获得blob。
但是如果您使用fetch(uri.replace("file:///","file:/"))，然后按照@sriteja Sugoor的答案，您将能够上传文件blob。

参考此链接-https://github.com/dailydrip/react-native-firebase-storage/blob/master/src/App.js#L43-L69

以下代码块运行正常。

uploadImage(uri, mime = 'application/octet-stream') {
    return new Promise((resolve, reject) => {
      const uploadUri = Platform.OS === 'ios' ? uri.replace('file://', '') : uri
      let uploadBlob = null

      const imageRef = FirebaseClient.storage().ref('images').child('image_001')

      fs.readFile(uploadUri, 'base64')
        .then((data) => {
          return Blob.build(data, { type: `${mime};BASE64` })
        })
        .then((blob) => {
          uploadBlob = blob
          return imageRef.put(blob, { contentType: mime })
        })
        .then(() => {
          uploadBlob.close()
          return imageRef.getDownloadURL()
        })
        .then((url) => {
          resolve(url)
        })
        .catch((error) => {
          reject(error)
      })
    })
  }

字符串

只有.blob()在react native不工作！你需要一个函数

export const uriToBlob = (uri) => {
 return new Promise((resolve, reject) => {
    const xhr = new XMLHttpRequest()
    xhr.onload = function () {
      // return the blob
      resolve(xhr.response)
    }
    xhr.onerror = function () {
      reject(new Error('uriToBlob failed'))
    }
    xhr.responseType = 'blob'
    xhr.open('GET', uri, true)

    xhr.send(null)})}

字符串
并上传到firebase的功能：

export async function uploadFile(uri, filename, folder) {
  if (!filename) return
  const storageRef = ref(storage, `${folder}/${filename}`)
  const blobFile = await uriToBlob(uri)
  try {
    uploadBytes(storageRef, blobFile).then(async (snapshot) => {
      console.log('snapshot', snapshot)
      const url = await getDownloadURL(storageRef)
      return url
    })
  } catch (err) {
    console.log(err)
    return null
  }
}

型

您需要安装rn-fetch-blob模块：

npm install --save rn-fetch-blob

字符串
然后，执行以下操作：

import RNFetchBlob from 'rn-fetch-blob';

const Blob = RNFetchBlob.polyfill.Blob;
const fs = RNFetchBlob.fs;
window.XMLHttpRequest = RNFetchBlob.polyfill.XMLHttpRequest;
window.Blob = Blob;

function uploadImage(path) {
    const imageFile = RNFetchBlob.wrap(path);

    // 'path/to/image' is where you wish to put your image in
    // the database, if you would like to put it in the folder
    // 'subfolder' inside 'mainFolder' and name it 'myImage', just 
    // replace it with 'mainFolder/subfolder/myImage'
    const ref = firebase.storage().ref('path/to/image');
    var uploadBlob = null;

    Blob.build(imageFile, { type: 'image/jpg;' })
        .then((imageBlob) => {
            uploadBlob = imageBlob;
            return ref.put(imageBlob, { contentType: 'image/jpg' });
        })
        .then(() => {
            uploadBlob.close();
            return ref.getDownloadURL();
        })
        .((url) => {
            // do something with the url if you wish to
        })
        .catch(() => {
            dispatch({
                type: UPDATE_PROFILE_INFO_FAIL,
                payload: 'Unable to upload profile picture, please try again'
            });
        });
}

型
如果代码中有你不明白的地方，请务必询问。要上传多个图像，只需用for循环 Package 这段代码。或者，如果您想确保每个图像都上传无误，请使用Promise

const Blob = RNFetchBlob.polyfill.Blob;
      const fs = RNFetchBlob.fs;
      let uploadBlob;
      await fs
        .readFile(params?.file.path, 'base64')
        .then((data) => {
          return Blob.build(data, {type: `BASE64`});
        })
        .then((blob) => {
          uploadBlob = blob;
          console.log(uploadBlob, 'uploadBlob');
        });

字符串