node.js - 如何将多部分/表单数据从 Angular 发布到 Nodejs Multer？

Question

我想从 Angular 将图像作为 Blob 数据上传到 nodeJS 服务器。服务器在后端使用multer。图像文件由 Canvas 渲染生成。我从服务器收到以下错误:

Error: Multipart: Boundary not found status:500

以下是我的代码。请帮助我找出问题所在。

Angular :

// 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);

Node :

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

Answer 1

删除您的 'Content-Type': 'multipart/form-data' header ，它应该可以工作。

我遇到了同样的错误，这是由于 multipart/form-data 之后缺少 boundary=.. 造成的，如下工作请求:

当您删除 header 时，浏览器会使用 boundary=.. 自动添加它并且它会起作用。