使用 putString 调用的 React-native Firebase 存储上传

Question

我设置这个线程是为了澄清，firebase 存储 putString 方法 是否 或 不 在 React-native 中工作.

根据我的搜索，目前无法使用 put 方法将文件或 Blob 类型上传到 Firebase 存储。

React Native 不支持 File 和 Blob 类型，因此 Firebase 存储上传在此环境中不起作用。但是文件下载确实有效。

来源：The Firebase Blog

因此调用

firebase.storage().ref()
.child(userID)
.put(new File(['this is a small amount of data'], 'sample-text.txt', { type: "text/plain" }), { type: "text/plain" })
.then(p => {console.log(p)})
.catch(p => {console.log(p)})

不起作用并以响应结束

代码：“存储/未知”消息：“Firebase 存储：未知错误 发生，请检查服务器响应的错误有效负载。”名称： "FirebaseError" serverResponse : "Multipart body 不包含 2 或 3 部分。"

不过，还有另一个选项可以使用 Firebase 存储 putString 方法将数据上传到 Firebase 存储。它适用于纯字符串。但是即使我用这种方法上传。我得到了和以前一样的服务器响应。

firebase.storage()
.ref()
.child(userID)
.putString('string')
.then(p => {console.log(p)})
.catch(p => {console.log(p)});

根据我从this answer 那里学到的知识。 putString 方式应该 有效。

我做错了什么？该代码在 React 中对我来说很好用。每当我粘贴到 React-native 时。它停止工作。

Answer 1

正如 Ven 之前评论的那样，我刚刚尝试了 react-native-fetch-blob，并且我能够让它工作，尝试在示例中使用来自 index file 的这个 sn-p：

1) 类声明前：

import RNFetchBlob from 'react-native-fetch-blob';
const Blob = RNFetchBlob.polyfill.Blob;
window.XMLHttpRequest = RNFetchBlob.polyfill.XMLHttpRequest;
window.Blob = Blob;

2) 存储方法内部：

let filePath = 'YOUR/FILE/PATH';
let fileName = 'file_name.jpg';
let rnfbURI = RNFetchBlob.wrap(filePath);
// create Blob from file path
Blob
.build(rnfbURI, { type : 'image/png;'})
.then((blob) => {
  // upload image using Firebase SDK
  firebase.storage()
    .ref('images')
    .child(fileName)
    .put(blob, { contentType : 'image/jpg' })
    .then((snapshot) => {
      console.log('Uploaded', snapshot.totalBytes, 'bytes.');
      console.log(snapshot.metadata);
      var url = snapshot.metadata.downloadURLs[0];
      console.log('File available at', url);
    }).catch(function(error) {
      console.error('Upload failed:', error);
    });