在 React Native 中使用 POST 方法下载二进制文件

Question

我在前端使用 React-native，在我的服务器上使用 PHP 后端。我需要能够向要从中下载文件的服务器发送密码。我正在连接到 PHP 脚本，如果密码正确，该脚本使用 X-SendFile 库将文件发回。

目前我正在使用 RNFS.downloadFile() 下载和保存文件，但这似乎只适用于 GET 而不是 POST。我希望能够将文件保存到 DocumentDirectoryPath。

我当前的代码如下所示：

await RNFS.downloadFile({
    fromUrl: 'http://example.com/myfile.zip',
    toFile: RNFS.DocumentDirectoryPath + "/userdata/myfile.zip",
}).promise

我希望能够做这样的事情：

await RNFS.downloadFile({
    method: post,
    body: {passcode: "abc123", filename: "myfile.zip"},
    fromUrl: 'http://example.com/getfile.php',
    toFile: RNFS.DocumentDirectoryPath + "/userdata/myfile.zip",
}).promise

如何更改我的代码，使其将密码作为 POST 参数传递？

Answer 1

从以下文件中可以看出，第 58 行到第 70 行 react-native-fs 不支持您要实现的目标。

FS.common.js @ react-native-fs github page

但是，还有其他图书馆可以为您提供帮助。 react-native-fetch-blob 支持您尝试以下列格式实现的目标；

RNFetchBlob
.config({
  path : RNFetchBlob.fs.DocumentDir + '/userdata/myfile.zip'
})
.fetch(
  'POST',
  'http://example.com/myfile.zip',
  {
    //headers...
  },
  JSON.stringify({
    //request body...
    passcode: "abc123",
    filename: "myfile.zip"
  }),
)
.then((res) => {
  console.log('The file saved to ', res.path())
})

虽然它应该以这种方式工作，但我建议您不要求助于此并在尝试下载文件时使用身份验证模式进行身份验证，例如 HTTP 基本身份验证和查询字符串/headers 用于其他数据并使用 GET 请求。

在 React Native 中使用 POST 方法下载二进制文件

Downloading a binary file with POST method in React Native

post

x-sendfile

react-native