前端处理文件流（blob方式）下载文件

最新推荐文章于 2025-10-28 23:49:48 发布

转载最新推荐文章于 2025-10-28 23:49:48 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.cnblogs.com/yjmBlogs/p/9493726.html

文章标签：

#处理文件流 #前端

JS 同时被 2 个专栏收录

39 篇文章

订阅专栏

前端其他

30 篇文章

订阅专栏

本文介绍了如何使用JavaScript的Blob对象处理文件流，通过创建隐藏的a元素并设置其download属性，实现Blob文件的下载。重点讲解了如何构造Blob实例并设置其类型，以及利用URL.createObjectURL技术实现文件下载的操作过程。

前端处理文件流（blob方式）下载文件

// 处理文件流
        exportDocment(data, title) {
        //data 文件流、title 导出名
            let a = document.createElement('a');
            a.download = title;
            a.style.display = 'none';
            let blob = new Blob([data],{type:'application/vnd.ms-excel'});
            a.href = URL.createObjectURL(blob);
            document.body.appendChild(a);
            a.click();
            document.body.removeChild(a);
        },