fetch上傳圖片（formData數據格式）失敗之解決辦法

最近項目要求，在微信公眾號中嵌入H5頁面。其中一個功能就是實現圖片上傳功能（拍照或從相冊選擇）。前端接口請求都是使用fetch，當然上傳圖片的接口也不例外，后端要求是formdata格式。

本來以為分分鍾接口就能聯調成功，然而確耽誤了好久。上傳的數據一直為空（如下圖）。百思不得其解。最后只能手寫Ajax最終實現了。

 

 

 手寫Ajax方法如下：

  upload(file) {
　　//構建formdata格式
　　const formData = new FormData();
    formData.append('file', file);

    const request = new XMLHttpRequest();
    request.onreadystatechange = () => {
      if (request.readyState === 4 && request.status === 200) {
        const result = JSON.parse(request.responseText);
      }
    };
    request.open('POST', "");//填入請求的url
    request.onerror = () => {
      message.error('請求失敗！');
    };
　　//發送請求
    request.send(formData);
  }