如何从所有待处理的请求中取消特定请求

Question

在我的 Ionic 网络应用中，

对于浏览器

我想实现一个取消下载功能，目前用户可以同时下载多个文件，所以我想取消特定的下载 HTTP 请求。

这是我目前拥有的。

@Effect()
public fileDownloadAction$: Observable<Action> = this.action$
    .ofType(FileDownloadActionTypes.FILE_DOWNLOAD_REQUESTED)
    .map(this.toPayload)
    .mergeMap(payload => (this.downloadService.downloadFile(payload))
        .concatMap((res: any) => {                       
            return Observable.from([
                new FileDownloadCompleted(downloadSuccess)
            ]);
        })
    )

但我不知道如何在效果中执行此操作。有什么建议？ 在此先感谢:-)

Answer 1

不确定具体问题是什么，但您可以使用exhaustMap 或switchMap（而不是mergeMap）来取消新的或待处理的请求。

Answer 2

在花了很多时间研究 RxJS 之后，我在没有改变效果的情况下做到了。这是混乱的魔法。

public download (endpoint: string, body: any = {}, uniqueKey: string) {

let req = new HttpRequest('POST', endpoint, body, { 
  responseType: 'blob',
  reportProgress: true, 
  headers: new HttpHeaders({
    'Content-Type': 'application/json',
    'Accept': 'application/json'
  })
});

return new Observable(observable => {
  let downloadRequest = this.http.request(req).subscribe(results => {
      observable.next(results);
      if(results['type'] == 4) {
       //Complete Observable once download success
        observable.complete();
      }
  });
  allDownloadReq[uniqueKey] = downloadRequest;
});
}

我已经将每个下载订阅者推送到一个数组中，并用 uniqeKey

取消了它

public cancelDownload (key) {
  if(allDownloadReq[key]) {
    allDownloadReq[key].unsubscribe()
    return true;
  } else {
    return true
  }
}

仍然欢迎提出建议

希望这会对某人有所帮助。