React Native Firebase Storage：base64和blob不工作

Question

我正在尝试使用将我的图像文件编码为Bas64或Blob，但它们都不起作用。我还使用：https://github.com/react-community/react-native-image-picker来管理图像选择器。

尝试1:使用图像拾取器的<代码>。data方法，该方法应该返回base64字符串

const blah = uuid.v4();
firebase
  .storage()
  .ref('images')
  .child(`${blah}.jpg`)
  .putString(file.data, 'base64', { contentType: 'image/jpeg' })

但这会引发：Firebase存储：字符串与格式'Bas64'不匹配：找到无效字符

尝试2:Blob使用https://github.com/wkh237/react-native-fetch-blob

      const uri = file.uri;
      const uploadUri = Platform.OS === 'ios' ? uri.replace('file://', '') : uri
      data = RNFetchBlob.fs.readFile(uploadUri, 'base64')
      blob = RNFetchBlob.polyfill.Blob.build(data, { type: 'application/octet-stream;BASE64' })
      const uniqueId = uuid.v4();
      const firebaseRef = firebase.storage().ref('images').child(`${uniqueId}.jpg`)
      return Observable.fromPromise(firebaseRef.put(blob, { contentType: 'application/octet-stream;BASE64' }));
    })

但是，它返回：Firebase 存储：索引 0 处的参数无效：预期的 blob 或文件。

尝试3:使用https://github.com/wkh237/react-native-fetch-blob的base64

      const uri = file.uri;
      const uploadUri = Platform.OS === 'ios' ? uri.replace('file://', '') : uri
      data = RNFetchBlob.fs.readFile(uploadUri, 'base64')
      const uniqueId = uuid.v4();
      const firebaseRef = firebase.storage().ref('images').child(`${uniqueId}.jpg`)
      const metadata= {
        contentType: 'image/jpeg',
      };
      firebaseRef.putString(data, 'base64', metadata);

但这再次抛出：Firebase存储：字符串与格式“base64”不匹配：发现无效字符

有人知道我做错了什么吗？

Answer 1

关于(尝试1)您必须使用“数据url”:

.putString(file.data, 'data_url', { contentType: 'image/jpeg' })

Answer 2

回到我使用版本5.5.6的时候，最近我更新到版本6.2.0，遇到了同样的问题。

const uri = Platform.OS === 'ios' ? response.uri.replace('file://', '') : response.uri
const imageRef = storage().ref('images/').child("blah")
await imageRef.put(uri)
const imageUrl = await imageRef.getDownloadURL()

我刚刚将. app更改为. puFile，一切都恢复了正常