angular 6 download files and cancel http request

最新推荐文章于 2022-07-25 19:58:51 发布

ら不吃つ

最新推荐文章于 2022-07-25 19:58:51 发布

阅读量653

点赞数

分类专栏： angular 文章标签： angular download file cancel http

本文链接：https://blog.csdn.net/qq_33495944/article/details/87915486

版权

angular 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个使用Angular和RxJS实现的下载对话框功能，通过自定义警告组件展示取消选项，并在确认后触发文件下载流程。文章详细展示了如何创建Blob对象、设置下载链接属性并触发点击事件来下载文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

showDownloadDialog() {
    const subscription = this.alert.custom("Cancel")
        .subscribe(() => {
            this._ngUnsubscribe.unsubscribe();
            subscription.unsubscribe();
        });
}

download() {
    this.showDownloadDialog();
    this._ngUnsubscribe = this.download(this._filterParams).pipe(
        take(1),
        catchError(() => {
            return observableOf();
        })).subscribe((res) => {
			/* 
			* const options = {
	        *    headers: headers,
	        *    responseType: 'arraybuffer'
	        * };
	        * /
            this._alertWindow.close();
            const file = new Blob([res]);
            const url = URL.createObjectURL(file);
            const link = document.createElement("a");
            const fileName = `aa.txt`;
            link.setAttribute("href", url);
            link.setAttribute("target", "_blank");
            link.setAttribute("download", fileName);
            link.click();
        });
}