前端处理后台返回的流数据

最新推荐文章于 2024-12-21 14:30:45 发布

柒月梦

最新推荐文章于 2024-12-21 14:30:45 发布

阅读量6.9k

点赞数 2

分类专栏：踩得坑笔记文章标签：前端转PDF 流数据

本文链接：https://blog.youkuaiyun.com/guo187/article/details/109338440

版权

笔记同时被 2 个专栏收录

20 篇文章

订阅专栏

踩得坑

9 篇文章

订阅专栏

实际工作中，常常会遇到如预览PDF、下载Excel之类的需求。通常处理方式有：
1、后端返回一个文件在服务器的URL，前端直接使用就行。
2、后端返回流数据。如图
在这里插入图片描述
前端如何处理？
1、接口请求的时候一定要加responseType: 'blob',否则生产的文件会是空白（PDF）
2、代码实现

       const binaryData = []
        binaryData.push(res)// res 后台返回的流数据
        this.pdfUrl = window.URL.createObjectURL(new Blob(binaryData, { type: 'application/pdf' }))
        window.open(this.pdfUrl)

参考：