Angularからmultipart/form-dataをNodejs Multerに投稿するには？

Question

角度から画像を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=..と自動的にそれを追加し、それが動作します。