javascript - 无法在 react-native 中发送表单数据

Question

我在 RN 中使用 axios 发送表单数据，但它不起作用。 Noww 尝试获取除图像以外的所有上传内容。如果我使用 postman ，一切正常。

这是我的代码:

const postOrder = () => {
    var data = new FormData();
    data.append('marca', marca);
    data.append('modeo', modeo);
    data.append('option', option);
    data.append('descripcion', descripcion);
    data.append('images[]', images);
    data.append('userId', '2');
    dispatch(saveOrder(data));
  };
    fetch(`${baseUrl}/save-order`, {
    method: 'POST',
    headers: {
      Accept: 'application/json',
      'Content-Type': 'multipart/form-data',
    },
    body: data,
  })
    .then(res => res.json())
    .then(json => {
      // dispatch({type: 'ORDER', payload: response.data});
      console.log('json1', json);
    })
    .catch(error => {
      console.log(error);
    });

除图片外，每个属性/领域都是 beig 上传的。我也试过这些方法

data.append('file', {
      uri: images,
      type: 'image/jpeg',
      name: 'images[]',
    });
data.append('file',images,'images[])

Answer 1

Axios 对我不起作用，但 fetch api 对我有用。这是我的工作代码:后置函数

const postOrder = () => {
    var data = new FormData();
    data.append('marca', marca);
    data.append('modeo', modeo);
    data.append('option', option);
    data.append('description', description);
    data.append('images[]', {
      uri: images,
      name: 'image.jpg',
      type: 'image/jpeg',
    });
    data.append('userId', state.user.id);
    dispatch(saveOrder(data));
  };

获取 API

 fetch(`${baseUrl}/save-order`, {
    method: 'POST',
    headers: {
      Accept: 'application/json',
      'Content-Type': 'multipart/form-data',
    },
    body: data,
  })
    .then(res => res.json())
    .then(json => {
      console.log('json1', json);
    })
    .catch(error => {
      console.log(error);
    });

如果你想发送多个文件就这样做

images.forEach((item, i) => {
      data.append('images[]', {
        uri: item.path,
        type: item.mime,
        name: item.path.slice(-8, -1) + 'g',
      });
    });