在Angular中使用ng2-uploader的多個上傳輸入

我使用https://www.npmjs.com/package/ng2-uploader包進行角度上的文件上傳，對於單個輸入，一切工作正常。但是，我想不同的選擇和URL這樣在Angular中使用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'); 
    } 
}

這導致總是拿起後者的選擇，即' options2'和'options1'不起作用。我如何實現這一點？

來源

2017-10-10 VIshal Jain

我有類似的問題。在我的情況下，我有重複輸入的ids和標籤的for挑錯了一個。

順便說一下ng2-uploader更名爲ngx-uploader。最近它的api改變了很多，但是有一些版本與ng2-uploader兼容，修正了一些錯誤。

來源

2017-12-21 11:23:47

在Angular中使用ng2-uploader的多個上傳輸入

回答

相關問題