使用Angular中的ng2-uploader进行多次上传输入

Question

我正在使用https://www.npmjs.com/package/ng2-uploader包进行角度文件上传，一切都适用于单输入。但是我希望不止一个输入有不同的选项和这样的网址

<input type="file"
   ngFileSelect
   [options]="options1"
   (onUpload)="handleUpload($event)"
   (beforeUpload)="beforeUpload($event)">

<input type="file"
   ngFileSelect
   [options]="options2"
   (onUpload)="handleUpload($event)"
   (beforeUpload)="beforeUpload($event)">

我正在尝试做的文件上传配置

this.options1 = {
            url: 'url for first input' 
            fieldName: 'first input field name',
            method: 'PUT'
        };

this.options2 = {
            url: 'url for second input' 
            fieldName: 'second input field name',
            method: 'PUT'
        };

    handleUpload(data): void {
     if (data && data.response) {
     data = JSON.parse(data.response);
     this.uploadFile = data;
     //code
     }
    }

 fileOverBase(e:any):void {
  this.hasBaseDropZoneOver = e;
 }

 beforeUpload(uploadingFile): void {
  if (uploadingFile.size > this.sizeLimit) {
  uploadingFile.setAbort();
  alert('File is too large');
  }
 }

这导致总是选择梯形图选项，即“选项2”和“选项1”没有任何效果。我该如何实现？

Answer 1

我有类似的问题。在我的情况下，我有重复的输入ids和标签的for选错了。

顺便说一句，ng2-uploader被重命名为ngx-uploader。最近它的api发生了很大变化，但是有一些版本与ng2-uploader兼容，并修复了一些错误。