在nodejs中下载图像文件后，获取消息文件不受支持。 我正在使用Formdata从angular7上传文件

Question

I'm sending the image using formdata in angular to my nodejs api. and in nodejs i'm storing that file at myfolder but when i open my stored image file its shows "Abc.jpeg It appears that we don't support this file format"

From nodejs i used multiparty, then i used formidable but getting same error in both I compared the size of file before uploading (original file) size was 78kb but after uploading the file size become 111kb.

Nodejs Code

var form = new formidable.IncomingForm();
form.parse(req, function (err, fields, files) {
    console.log(files.fileDetails.path);
    var oldpath = files.fileDetails.path;
    var newpath = 'C:/storage/myfolder/' + files.fileDetails.name;
    fs.rename(oldpath, newpath, function (err) {
        if (err) throw err;
        res.write('File uploaded and moved!');
        res.end();
    });
})

Angular Code

public OnSubmit(formValue: any) {
    let main_form: FormData = new FormData();
    for(let j=0;j<this.totalfiles.length; j++) {
        console.log("the values is ",<File>this.totalfiles[j]);
        console.log("the name is ",this.totalFileName[j]);
        main_form.append(fileDetails,this.totalfiles[j])
    }
    console.log(formValue.items)

    this._SocietyService.postFiles(main_form).subscribe(data => {
        console.log("result is ", data)
    })
}

Answer 1

var path = require('path')
var multer = require('multer')

var storage = multer.diskStorage({
  destination: 'C:/storage/myfolder/',
  filename: function (req, file, cb) {
    cb(null, file.fieldname + '-' + Date.now());
  }
})

var upload = multer({ storage: storage })

You can use the multer its a vary handy middleware to handle form/multipart data.