Angular5 UI post 请求输出文件下载

最新推荐文章于 2021-10-30 10:10:14 发布

转载最新推荐文章于 2021-10-30 10:10:14 发布 · 193 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lshan/p/9810032.html

文章标签：

#javascript #ui #json #ViewUI

本文介绍了一种使用Angular的HttpClient进行POST请求，将数据转换为Excel文件并下载的方法。通过将响应类型设置为'blob'，创建Blob对象并利用DOM API实现文件下载。

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

  this.httpClient.post(url1, JSON.parse(data1) , {responseType: 'blob'}).subscribe(data => {
            const link = document.createElement('a');
            const blob = new Blob([data], {type: 'application/vnd.ms-excel'});
            link.setAttribute('href', window.URL.createObjectURL(blob));
            link.setAttribute('download', 'Inventory' + new Date().getTime() + '.xls');
            link.style.visibility = 'hidden';
            document.body.appendChild(link);
            link.click();
            document.body.removeChild(link);
        });
    }