打通前后端之react native上传文件或图片

React Native是一款跨平台的框架，可以用来开发跨平台的移动应用。它的应用场景非常广泛，而且可以与原生应用无缝结合，因此在许多应用中都可以看到它的身影。在React Native中，我们可以使用相关的API来上传文件或者图片，以实现我们想要的功能。

使用React Native上传文件或图片

React Native提供了一个XMLHttpRequest的实现，我们可以使用它来实现文件的上传。

首先，我们需要创建一个XMLHttpRequest对象，然后设置请求的参数，包括请求的URL，请求方法，请求头等，这些参数可以根据实际需要进行设置。

var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://example.com/upload');
xhr.setRequestHeader('Content-Type', 'multipart/form-data');

接下来，我们可以使用FormData对象来封装我们要上传的数据，我们可以把文件或者图片作为FormData的一部分来上传，比如：

var formData = new FormData();
formData.append('file', file);

最后，我们可以调用XMLHttpRequest的send方法来发送请求，同时将FormData对象作为参数传入：

xhr.send(formData);

使用Node.js接收上传的文件

Node.js是一个开源的服务器端JavaScript环境，它可以用来接收React Native上传的文件。首先，我们需要使用Node.js的http模块来创建一个服务器：

const http = require('http');
const server = http.createServer(function(req, res){
  // ...
});

接下来，我们可以使用Formidable模块来解析上传的文件：

const formidable = require('formidable');
const form = new formidable.IncomingForm();
form.parse(req, function(err, fields, files) {
  // ...
});

最后，我们可以使用fs模块来保存上传的文件：

const fs = require('fs');
fs.rename(files.file.path, './uploads/' + files.file.name, function(err) {
  if (err) {
    console.error(err);
  }
});

结论

在React Native中，我们可以使用XMLHttpRequest来上传文件或者图片，同时可以使用Node.js来接收这些文件，实现我们想要的功能。