错误：网络错误 Axios - Image React Native

Question

我试图将图像发布到服务器，但 axios 抛出错误提示

[错误：网络错误]

我创建了一个 bodyFormData 并附加了以下内容

bodyFormData.append('image', {
          name: imgName,
          type: 'image/jpeg',
          uri: this.state.image,
        });

我的imageName 只是一个字符串，this.state.image 是文件路径file:///storage/emulated/0/Pictures/0cccb0f1-375b-44b8-b15b-4625536a8d63.jpg

Axios 调用

const addProduct = async product => {
  try {
    var prod = await axios({
      method: 'post',
      url: baseURL + 'addProduct',
      data: product,
      headers: {
    'content-type': `multipart/form-data; boundary=${product._boundary}`,
    Accept: 'application/json',
  },
      },
    });
    return prod;
  } catch (err) {
    throw err;
  }
};

经过大量试验，我明白在bodyFormData 中，即使我编写任何类型的 json 对象

const oj = {
          name: 'a',
          c: 8,
        }

bodyFormData.append('image', obj  );

它给我带来了同样的错误

[错误：网络错误]

请放弃该问题的最佳解决方案

感谢您宝贵的时间。

Answer 1

我最近实现了这个（工作）代码

const formData = new FormData();

formData.append('file', {
  type: 'image/jpeg',
  name: `myname.jpeg`,
  uri: isAndroid() ? uri : uri.replace('file://', ''),
});

并在 api 调用中使用此标头

'Content-Type': 'multipart/form-data'

它与您的代码非常相似 - 也许是 uri 部分？