Question

我正在为不同类别的多个文件上传工作。例如。一个上传图像按钮，下一个文件按钮。我使用2个相同的功能但名称不同，使其独立工作。但我想知道相同的功能是否适用于尽可能多的上传按钮，因为这两个功能的功能完全相同，只是一个不同的名称。

这是html文件

<input (onUpload)="multipleUpload1($event)" multiple="true" type="file" />

<input (onUpload)="multipleUpload2($event)" multiple="true" type="file" />

我有multipleUpload1和multipleUpload2但是有相同的代码但只有2个不同的名称。如果我使用这种方式，我得到我想要的，但请知道是否有任何其他方式，以便我只能写一次，并为我需要的多个上传按钮工作。

multipleUpload1和multipleUpload2是我有逻辑上传文件的功能，它运行正常。

我正在使用ng2-uploader插件处理文件上传。

以下是我的TS代码

private responses: any[] = [];

multipleUpload1(data: any): void{
 let index = this.responses.findIndex(x => x.id === data.id);

  if(index === -1) {
    this.responses.push(data);
  }
  else {
    this.zone.run(() => {
      this.responses[index] = data;
    });
  }
}



multipleUpload2(data: any): void{
 let index = this.responses.findIndex(x => x.id === data.id);

  if(index === -1) {
    this.responses.push(data);
  }
  else {
    this.zone.run(() => {
      this.responses[index] = data;
    });
  }
}

感谢任何帮助。如果需要进一步的细节，请告诉我。提前致谢

使用相同的功能处理多个上传按钮

0 个答案: