使用Node.js解析使用NGX-formly和Angular 6通過POST發送的JSON中包含的文件

Question

我使用過NGX-formly的教程，了解如何向表單添加文件

鏈接至教程： formly-js.github.io

這些文件將作為表單JSON的一部分添加。 使用console.log（）在后端打印對象時，它看起來像這樣：

{ “文件”：{ “0”：{}}}

而當console.log'進入前端時，它會給我以下信息：[ 和

[

如何處理Express / Node.js后端中的文件？ 我試過使用multer，但由於它僅支持“多部分/ formdata”，因此無法正常工作。

Answer 1

簽出multer package for node.js

安裝它並簽出示例之后，請在服務中使用它：

    public upload(file: File){
        let body = new FormData();
        body.append('uploadfield',file); //uploadfield is the name of the item in formdata you picked at multer, I think its 'file' on defualt.
        return new Promise(resolve => {
              this.http.post("http://api-endpoit",body).subscribe(data => {
                resolve(data);
              }, err => {
                alert(err); //or whatever you want to handle error
              });
            });
    }

關於組件：（我假設文件是​​私有字段-就像您執行console.log（this.file）一樣）

upload() {
this.uploadService.upload(this.file).then(res => {
     if(res['success']) {
         ....
      }
  });