javascript - react native 文件构造函数

Question

我有在 web 中使用的 redux 操作。我们在 React Native 项目中使用这些操作，以便我们可以在 Web 和 Native 之间共享逻辑，并且只更改组件。

其中一个操作(图片上传)将 File 作为参数。我们设法在 React Native 中获取图像信息 - 我们正在使用 react-native-image-picker。当用户选择一张图片时，它会返回包含所有数据的响应。

let file = new File([atob(response.data)],
      response.fileName,
      {type: response.type})

但是，这在 React Native 中不起作用，没有像 Web 上那样的 File 构造函数。我不能使用 File 的替代方法，因为 web 和 native 之间共享的 redux 操作需要 File。

如何在 react-native 中创建 File？

Answer 1

据我所知，即使在网络上也无法创建文件，甚至更多，如果您尝试使用 Object.keys() 获取 File 对象的键，您将一无所获，我不知道if 是因为它意味着在浏览器上代表一个文件，但你实际可以使用的是 Blob，即二进制大对象文件，基本上是内存中的一个文件，如果你得到来自端点的数据，使用:

fetch('/endpoint')
.then(res) {
  res.blob()
}
.then(blob) {
 // Do whatever you want with your blob
}

如果没有，你可以做 new Blob([response.data], {type: response.type})请注意，blob 没有名称，稍后您将使用库处理它

本图书馆https://github.com/wkh237/react-native-fetch-blob和文档 https://github.com/wkh237/react-native-fetch-blob/wiki/File-System-Access-API可能会有用