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

时间:2017-02-05 15:37:41

标签: angular

我正在尝试将ngx-uploader模块与我的angular 2应用程序一起使用,但我不断收到以下错误。我在使用其他库时也遇到了类似的错误,比如angular2-image-upload.i,这是angular2的新手,所以我真的不明白这个错误。 error

1 个答案:

答案 0 :(得分:0)

第一。你必须创建一个类型为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);