如何将图像发布到Angular 2+的NodeJS服务器

Question

我有一个NodeJS rest-API，可以在同一个函数中接受图像和文本等内容。

我在我的NodeJS服务器中使用multer来处理图像，更准确地说，我从下面有相同的例子，我也有它的内容。

var cpUpload = upload.fields([{ name: 'avatar', maxCount: 1 }, { name: 'gallery', maxCount: 8 }])
app.post('/cool-profile', cpUpload, function (req, res, next) {
  // req.files is an object (String -> Array) where fieldname is the key, and the value is array of files
  //
  // e.g.
  //  req.files['avatar'][0] -> File
  //  req.files['gallery'] -> Array
  //
  // req.body will contain the text fields, if there were any
})

如何将Angular 4前端页面的图像发送到NodeJS后端。

谢谢！

Answer 1

通过formdata发送图像文件：

let myForm = new FormData();
myForm.append('avatar',  image);