角度的 reportProgress 返回上传的文件总数而不是进度

Question

在我的组件中我有这个

this.authService.addPost(post).subscribe(data => {
        if (data.type === HttpEventType.UploadProgress) {

        console.log(data);
        } else if (data.type === HttpEventType.Response) {
          if (data.body.success) {
            alert('post added');
            this.modalRef.close('Save click');
          } else {
            alert('an error has occured');
          }
        }

      });

这是我的服务

addPost(post) {

    const headers = new HttpHeaders({
      // add authorisation
      'Authorization': `Bearer ${this.authToken}`
    });

    return this.httpClient.post<Addpost>('' + this.domain + 'add/addPost', post,
      {
        reportProgress: true,
        observe: 'events',
        headers: headers,
      });
  }

所以我的问题出在控制台中，我得到的是上传文件的总状态，而不是进度。我得到了这样的东西

{type: 1, loaded: 21076, total: 21076}

我尝试了很多参数，但都无济于事

Answer 1

在这种情况下最后返回完整的 http 请求。您需要从 data => data.body 更改目标响应。

利润