无法将ngx-uploader模块与angular 2集成

Question

我正在尝试使用ngx-uploader模块与我的angular 2应用程序，但我一直收到下面的错误。我在使用像angular2 -image-upload.i这样的其他库时也遇到了类似的错误。我是angular2的新手，所以我不太理解这个错误。

​

Answer 1

第一。您必须创建一个file类型的输入元素：

<input #uploader  accept=".txt, .zip, .rar" type="file" #myUploader ng2FileSelect [uploader]="uploader" />

然后在您的组件(typescript文件)中导入ng2fileselect模块：

import { FileUploader, FileUploaderOptions} from 'ng2-file-upload/ng2-file-upload';

然后在ngOnInit方法中放置以下代码

const options = {
        url: yourUploadURL,
        isHTML5: true,
        autoUpload: true,
        queueLimit: 1,
        allowedMimeType: yourallowedMimeType,
        maxFileSize: yourmaxFileSize
      };
      const uploader = new FileUploader(options);