angular: 前端TS把后台数据导出Excel格式

Web魔法师

于 2018-11-19 16:51:37 发布

阅读量2.7k

点赞数 2

分类专栏： angular AngularJs

本文链接：https://blog.youkuaiyun.com/lengyuewusheng99/article/details/84256051

版权

AngularJs 同时被 2 个专栏收录

37 篇文章

订阅专栏

angular

9 篇文章

订阅专栏

本文介绍了一种在项目中下载Excel模板的方法，通过调用后端API并使用HTTP请求获取Excel文件，然后利用Blob和URL.createObjectURL将文件转换为可下载链接。

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

downLoadTemplet() { // 下载excel模板
    if (!this.suiteId) {
        this.msg.error('请选择目录！');
        return;
    }
    this.isSpinShow = true;
    let url = this.url + 'v1/testrom/export/template';
    this.http.get(url, { 'project': this.project }, { responseType: 'blob' }).subscribe((rest: any) => {
        let blob = new Blob([rest], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });  //导出的格式为excel
        let objectUrl = URL.createObjectURL(blob);
        let a = document.createElement('a');
        let fileName = "Template" + '.xlsx';
        document.body.appendChild(a);
        a.setAttribute('style', 'display:none');
        a.setAttribute('href', objectUrl);
        a.setAttribute('download', fileName);
        a.click();
        URL.revokeObjectURL(objectUrl);
        setTimeout(() => {
            this.isSpinShow = false;
        }, 1000);
    });
}