Axios React 上传 jpg答案

【问题标题】：Axios React upload jpgAxios React 上传 jpg
【发布时间】：2020-12-20 09:12:27
【问题描述】：

我有使用 ImagePicker 拍摄的照片文件，我需要使用 axios 将其上传到服务器，并且我需要将此照片作为字符串发送类型。

我的代码在这里

const axiosMultipart = axios.create({
  timeout: 3000,
  baseURL: BASE_URL,
  headers: {
    'Content-Type': 'multipart/form-data'
  }
})
uploadDocs(token,type,photo){
    let data = new FormData();
    data.append('photo', photo);
    data.append('type', type);

    return axiosMultipart
    .post(
      `uploadDocs`,
      {data},
      {
        headers: {
          Authorization: token,
        },
      }
    )
    .then((response) => {
      return response.data;
    })
    .catch((error) => console.log("uploadDocs: " + error));
  };

服务器响应是 error_code 400 这里有什么问题？我也有工作请求的 php 代码

【问题讨论】：

标签： react-native post axios multipart

【解决方案1】：

试试下面的代码，

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


var FormData = require('form-data');
var form = new FormData();
form.append('photo', photo);
form.append('filetype', filetype);


axios({
    method: 'post',
    headers: {
        "Accept": "application/json",
        'Content-Type': 'multipart/form-data',
        "Authorization": authData

    },
    data: form,
    url: `${base_url}`,
  
}).then(async (result) => {
    console.log("uploadFile detail Response===>", result);

   
}).catch((error) => {
    console.log("uploadFile detail error===>", error);

    callback({ status: false, result: error })
});

【讨论】：