妈妈再也不怕前端处理后台返回的文件流了

最新推荐文章于 2023-10-13 12:14:46 发布

璐璐一生

最新推荐文章于 2023-10-13 12:14:46 发布

阅读量2.6k

点赞数 2

文章标签： js 文件流

本文链接：https://blog.csdn.net/qq_37534923/article/details/88422802

版权

原生js处理后台返回的文件流

利用Blob对象接受并处理后台返回的文件流，在利用URL对象将Blob的实例化对象转换成一个a标签可以点击的链接地址，就是这么简单，废话不多说！

直接看代码

//如有必要设置xhr.responseType = 'blod';
//处理后台返回的文件流并下载
function handleFileStream (fileStream, downName) {
    downName = downName || 'test.txt';
    var blod = new Blob([fileStream]);

    var a = document.createElement('a');
    a.href = URL.createObjectURL(blod);
    a.style.display = 'none';
    document.body.appendChild(a);
    a.download = downName;
    a.click();
    document.body.removeChild(a);
}

后续将会持续更新一些我在项目上使用得频繁的一些工具库函数，希望对你们有所帮助！谢谢。。。

突然发现写第二篇博客轻松多了，发现在将自己所学的知识书写下来的时候是一种对自我的审视，也是对一个知识点的复习和加深记忆得这么一种过程。

希望我能坚持下去，持续更新。。。