在react-native中通过PUT方法上传文件

Question

我正在尝试将文件（图像）从我的react-native应用程序上传到后端服务器。 RESTFUL后端服务器接受通过PUT方法在特定URL上发送文件。 我坚持反应原生试图找到通过PUT方法发送文件的正确方法。
我试图复制的行为
curl -X PUT -T "/path/to/file" "http://myputserver.com/puturl.tmp"

我发现XMLHttpRequest方法在浏览器上执行此操作但不能在react-native上工作。 有人经历过这个请帮忙！

Answer 1

取

使用React Native支持的fetch api 。 以下是官方文档的示例。

根据规范 ，Fetch支持PUT 。

fetch('https://mywebsite.com/endpoint/', {
  method: 'PUT',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    firstParam: 'yourValue',
    secondParam: 'yourOtherValue',
  })
})

Answer 2

您可以像上面的答案一样使用PUT。 您可能错过了'Content-Type'：'multipart / form-data;'。

 const config = {
     method: 'PUT',
     headers: {
       'Accept': 'application/json',
       'Content-Type': 'multipart/form-data;',
       'Authorization': 'Bearer ' + 'SECRET_OAUTH2_TOKEN_IF_AUTH',
     },
     body: data,
    }

此博客文章中的更多信息： http ： //snowball.digital/Blog/Uploading-Images-in-React-Native

Answer 3

fetch('https://mywebsite.com/endpoint/', {
  method: 'PUT',
  headers: {
    Accept: 'application/json',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    firstParam: 'yourValue',
    secondParam: 'yourOtherValue',
  }),
})
.then((response) => response.json())
.then((responseJson) => {
   alert(responseJson)
})
.catch((error) => {
 console.error(error)
})

参考
参考2