How to post images to NodeJS server form Angular 2+

Question

I have a NodeJS rest-API that accepts images and content like text in the same function.

I'm using multer in my NodeJS server to handle the images, more precisely I have the same example from below just I have content with it also.

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
})

How can I send the images form Angular 4 frontend page to NodeJS backend.

Thank you!

Check this answer: https://stackoverflow.com/questions/47936183/angular-5-file-upload/47938117#47938117 — Gregor Doroschenko, Jan 11 '18 at 16:18

score 0 · Accepted Answer · edited Jan 11 '18 at 16:42

0

Send images files via formdata :

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

edited Jan 11 '18 at 16:42

Mickael

4,458
2
28
40

answered Jan 11 '18 at 16:15

Simon Pasku

539
2
4
17

How to post images to NodeJS server form Angular 2+

1 Answers1