将 React Native 中的照片上传到节点服务器

Question

尝试使用名为"react-native-fetch-blob"的React库上传本地资产（简单的jpeg文件）。我的服务器正在记录请求，但是无论我似乎尝试什么，req.body 要么是空的，要么是未定义的。

我尝试将文件上传为"base64"编码字符串，但仍然没有运气。

我也知道我的 uri 是有效的。

前端代码：

 RNFetchBlob.fetch('POST', 'http://localhost:3000/api/analyze', {
      'Content-Type': 'multipart/form-data'
    }, RNFetchBlob.wrap(this.state.imgSource.uri))
    .then( res => {
      console.log('success:', res);
    })
    .catch( err => {
      console.log('error:', err);
    })

我在后端使用 express 以及用于解析多部分/表单数据的 express-强大包。

任何帮助将不胜感激！我还花了很多时间在我正在使用的每个软件包的问题跟踪器中，似乎找不到出了什么问题。

Answer 1

尝试使用本机fetch API 和FormData对象。像这样：

  const postImage = (imagePath) => {
    const photo = {
      uri: imagePath,
      name: 'image.jpg',
      type: 'image/jpeg',
    };
    const data = new FormData();
    data.append('file', photo);
    const config = {
      method: 'POST',
      body: data,
      headers: {
        'Content-Type': 'multipart/form-data',
      },
    };
    return fetch("https://your.endpoint/img", config);
  }
  postImage(pathToYourFile)
    .then(resp => resp.json())
    .then(json => console.log(json))
    .catch(err => console.log(err))

这样 React Native 就知道如何将给定的路径转换为多部分请求。