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

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

Answer 1

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

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

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

1 个答案: