如何將多部分/表單數據從 Angular 發布到 Nodejs Multer？

Question

從 Angular 我想將圖像作為 Blob 數據上傳到 nodeJS 服務器。 服務器在后端使用multer 。 圖像文件由畫布渲染生成。 我從服務器收到以下錯誤：

錯誤：多部分：未找到邊界狀態：500

以下是我的代碼。 請幫我找出問題所在。

角度：

// blob:Blob;   ->  it has valid image data.
var formData: FormData = new FormData();
formData.append('banner', blob, "my-file.png")

this.http.post(url,
    formData, { headers: new Headers({ 'Content-Type': 'multipart/form-data' }) })
    .toPromise()
    .then(res => {
      console.log(res);
      return res.json();
    })
    .catch(this.handleError);

節點：

router.post('/upload-banner-image', bannerImageUpload.single('banner'), watchfaceController.uploadWatchfaceBannerImage);

Answer 1

刪除您的'Content-Type': 'multipart/form-data'標題，它應該可以工作。

我遇到了同樣的錯誤，這是由於缺少boundary=..就在multipart/form-data如下面的工作請求：

當您刪除標題時，瀏覽器會自動添加boundary=..並且它可以工作。

Answer 2

添加 Content-Type': 'file' 在標題中，它應該可以工作