POST文件multipart / form-data(JavaScript)

时间:2017-04-09 13:45:30

标签: javascript multipartform-data fetch-api

每次尝试将数据发布到API时都会出错。 请求:

changeUserAvatar(authParam, file) {
  let formData = new FormData();
  //file is actually new FileReader.readAsDataURL(myId.files[0]);
  formData.append('profile_image', file);

  fetch(BASE_URL + 'profile-image', {
    method: 'POST',
    headers: {
  'Content-Type': 'multipart/form-data',
  'Authorization': authParam
    },
    body: formData
  }).then((response) => {
    return response.json();
  }).then((response) => {
    debugger;
  }).catch((error) => {
    console.error(error);
  });
}

错误:profile_image不能为空(422)。

但它不是空白!

请求有效负载enter image description here

我做错了什么?

1 个答案:

答案 0 :(得分:0)

在GutHub解决:https://github.com/github/fetch/issues/505

我不得不离开Header而不是手动指向任何Content-Type