如何将图像，Pdf和少量参数从Angular一起发送到Node.Js服务器

如何解决如何将图像，Pdf和少量参数从Angular一起发送到Node.Js服务器

我正在使用Angular Material获取可拖动图像的位置，从用户获取输入类型文件（pdf）和存储在./assets/emojis/中的图像。我可以使用ng2-file-upload和multer将pdf从Angular发送到Node。 前端

<input (change)="onFileSelected()" ng2FileSelect [uploader]="uploader" type="file" id="file">
<ion-button class="input-group-text upload" (click)="uploader.uploadAll()" >Upload</ion-button>

后端

app.post('/api/upload',upload.single('pdf'),function (req,res) {
    console.log('File is available!');
    return res.send({
      success: true
    })
  });

现在我已由用户在资产处选择了图像路径

imagePathToUpload:string = './assets/emojis/'+this.selectedEmoji
topPosition:number = this.topPos
leftPosition:number = this.leftPos

我如何将所有这些数据一起发送到Server，这是FormData的一种方法，但我不知道如何使用它。 目标是将Image，Pdf，左和顶部位置发送到服务器。任何建议将不胜感激。

解决方法

从Angular发送文件-> Node.js很简单

创建上传方法

FinalformData: FormData;
uploadFile(event) {
  if (event.target.files && event.target.files.length > 0) {
    const file = event.target.files[0];
    this.FinalformData = new FormData();
    this.FinalformData.append('file',file,file.name);
  }
}

submit() {
    // call your service and send it 
    this._sendfileService.sendFile(this.FinalformData)
        .subscribe( res => {
            if (res.success) { 
                console.log('file uploaded'); 
            } else { console.log('faild uploading file'))}
        })
}

现在全部完成，使用http.post方法（这里是ex）调用您的角度服务

sendFile(file: FormData): Observable<any> {
     return this.http.post<any>(this.nodejsUrl,file);
}

要处理后端中的文件，请查看multer https://www.npmjs.com/package/multer