下载文件时进度条不显示剩余百分比？

Question

我在 Angular 8 上工作，我遇到问题进度条不显示
部分下载

假设我下载数据然后 20% 然后 40% 直到到达

到 100% 但进度条停止到 100% 而不显示

还有什么

我的尝试

this._dataService.PostUpload(this.selectedoptions.toString(),this.fileToUpload)
 .subscribe((event: HttpEvent<any>) => {
  switch (event.type) {
    
    case HttpEventType.UploadProgress:
      this.progress = Math.round(event.loaded / event.total * 100);
      console.log(`Uploaded! ${this.progress}%`);
      break;
    case HttpEventType.Response:
      console.log('Upload successfully created!', event.body);
    
      FileSaver.saveAs(event.body, this.fileToUpload.name + '.xlsx')
      setTimeout(() => {
        this.progress = 0;
      }, 1500);

  }
})

html组件

<div class="col-md-4">
  <span class="upload" *ngIf="progress > 0">
    {{progress}}%
  </span>
</div>

更新帖子

我看到`上传了！控制台进度

但我的问题仍然是 100% 停止并且没有变化

那么进步有什么好处

我进步了，知道还剩下什么

见下图

Answer 1

要报告进度事件，您必须在发出请求时将reportProgress option 设置为true。