如何使用react-native将文件上传到服务器

Question

我正在开发一个应用程序,我需要将图像上传到服务器.根据图像,我得到一个我需要渲染的响应？

你能帮我看看如何使用react-native上传图像吗？

Answer 1

React Native内置了文件上传功能.

来自React Native代码的示例:

var photo = {
    uri: uriFromCameraRoll,
    type: 'image/jpeg',
    name: 'photo.jpg',
};

var body = new FormData();
body.append('authToken', 'secret');
body.append('photo', photo);
body.append('title', 'A beautiful photo!');

var xhr = new XMLHttpRequest();
xhr.open('POST', serverURL);
xhr.send(body);

Answer 2

我的解决方案是使用fetch API和FormData.

在Android上测试过.

const file = {
  uri,             // e.g. 'file:///path/to/file/image123.jpg'
  name,            // e.g. 'image123.jpg',
  type             // e.g. 'image/jpg'
}

const body = new FormData()
body.append('file', file)

fetch(url, {
  method: 'POST',
  body
})

Answer 3

我写了类似的东西.查看https://github.com/kamilkp/react-native-file-transfer

Answer 4

有一些潜在的替代方案可供选择。首先，您可以使用 XHR polyfill：

http://facebook.github.io/react-native/docs/network.html

其次，问一个问题：如何在 Obj-C 中上传文件？回答这个问题，然后您就可以实现一个本机模块来从 JavaScript 调用它。

在这个 Github问题上有一些关于所有这些的进一步讨论。