在 Angular 中使用 ng2-uploader 进行多个上传输入答案

【问题标题】：Multiple upload inputs using ng2-uploader in Angular在 Angular 中使用 ng2-uploader 进行多个上传输入
【发布时间】：2017-10-10 05:22:18
【问题描述】：

我正在使用https://www.npmjs.com/package/ng2-uploader 包进行角度文件上传，对于单个输入，一切正常。但我想要多个具有不同选项和 URL 的输入

<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');
  }
 }

这导致总是选择后面的选项，即“options2”和“options1”没有任何效果。我该如何实现？

【问题讨论】：

标签： javascript angular file-upload

【解决方案1】：

我有类似的问题。就我而言，我有重复输入的ids 和标签的for 选错了。

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

【讨论】：