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

Question

從Angular我想上傳一個圖像作爲Blob數據到nodeJS服務器。該服務器在後端使用多層。圖像文件由畫布渲染生成。我從服務器收到以下錯誤：

Error: Multipart: Boundary not found status: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); 

的NodeJS：

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

Answer 1

刪除您'Content-Type': 'multipart/form-data'頭，它應該工作。

我得到了同樣的錯誤，只是multipart/form-data類似下面的工作請求後，這是由於缺少boundary=..：

當你刪除你的頭，瀏覽器將與boundary=..自動添加它和它的作品。