axios React上传jpg

Question

我有使用 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 上的代码和一个工作请求

Answer 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 })
});

axios React上传jpg

Axios React upload jpg

post

multipart

react-native

axios