EventEmitters如何跟踪上传进度?价值变化?

时间:2017-12-02 22:07:51

标签: angular file-upload eventemitter

Heyy偷看,我一直在angular2中使用ngx-uploader,以回应我发送在后端生成的文件名。仅在文件完全上载时发送响应。那么我如何跟踪由事件发射器完成的上传过程,如下所示:

  files: UploadFile[];
  uploadInput: EventEmitter<UploadInput>;

      startUpload(): void {
        const event: UploadInput = {
          type: 'uploadFile',
          url: 'http://localhost:3030/upload/quality-docs',
          method: 'POST',
          file: this.files[this.files.length - 1],
        };


        this.uploadInput.emit(event);
      }

在event.file内部是进度的百分比值,我如何收听/跟踪它。所以,当它100,做某事(得到回应的名字的价值)?

1 个答案:

答案 0 :(得分:1)

过了一段时间,我找到了正确的方法来做到这一点..在文档&#39;自述文件中&#39;有一个名为onUploadOutput的方法(输出:UploadOutput):void {}在那里你需要添加另一个看起来像

的if语句
else if(output.type === 'done') { whatever u wanna do} 

通常,根据舞台的不同,属性会发生变化。所以要知道发射器的阶段,你只需要检查该属性的值。在这种情况下,也有百分比属性。