React Native 从任意数据创建 blob

Question

我有一个 React Native (0.59) 应用程序，它使用一个（Swagger 生成的）SDK，该 SDK 接受 Blob 对象进行文件上传。虽然有从远程资源创建 blob 的资源（例如使用 fetch），但我找不到任何关于动态创建 blob 的资源。例如，我有一个字符串（常规 JS 字符串），我需要将该字符串作为文本文件上传到服务器。我还需要上传文件系统中的其他文件引用。

如何从 React Native 中的任意类型的任意数据创建 Blob？

Answer 1

你试过 react-native 中的 rn-fetch-blob 包吗？我使用这个包通过firebase上传图片如下，它可能会对你有所帮助。

import { firebase } from '../config';
import { Platform } from 'react-native';
import RNFetchBlob from 'react-native-fetch-blob';

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

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

export const uploadImage = (uri, mime, uid) => {
  return new Promise((resolve, reject) => {
    const uploadUri = Platform.OS === 'ios' ? uri.replace('file://', '') : uri;

    let uploadBlob = null;

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