主流浏览器下载后台返回的blob文件

最新推荐文章于 2025-07-07 10:25:20 发布

原创最新推荐文章于 2025-07-07 10:25:20 发布 · 3.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#blob #下载 #后台 #流 #前端

前端专栏收录该内容

23 篇文章

订阅专栏

直接上代码：

this._fileService.downLoadFile(data).subscribe((data: Blob)=> {
    console.log('queryAttachment',data);

    if ('msSaveOrOpenBlob' in navigator){ //IE10+时，走这里下载
        window.navigator.msSaveOrOpenBlob(data, '工商执照附件.jpeg');
    }else{  //其他主流浏览器走这里，利用a 标签的download属性下载

        let url = window.URL.createObjectURL(data);
        let link = document.createElement('a');

        link.style.display = 'none';
        link.href = url;
        link.setAttribute('download', '工商执照附件.jpeg');
        document.body.appendChild(link);
        link.click();
    }
},error => {
    console.log('queryAttachment---error',error);
});