获得徽章 0
赞了这篇沸点
早早早 🤔
面包泡牛奶于2023-09-04 08:15发布的图片
面包泡牛奶于2023-09-04 08:15发布的图片
面包泡牛奶于2023-09-04 08:15发布的图片
15
赞了这篇沸点
#每日快讯# 接收后端返回的pdf文件流 前端使用Vue-pdf实现预览(分页)
步驟1:儅後端返回的是這種類型的數據時。图一所示。
那么需要将此数据进行拼接。拼接成可以下载的文件地址。

步骤2:将文件流转成blob地址,使用fetch抓取文件流,返回了一个对象,然后再使用blob的方法,每一个地方的返回的数据样式都有,图二所示。
**通过blob方法返回的Blob对象的type一定是“application/pdf”,否则肯定是文件流是错的。

步骤三。项目安装npm install vue-pdf --save,使用vue-pdf来展示。
需要component注册。图三所示。

这样一来就可以在页面很好展示pdf文件了。图四所示。
展开
乐享qicheng于2023-05-18 14:27发布的图片
乐享qicheng于2023-05-18 14:27发布的图片
乐享qicheng于2023-05-18 14:27发布的图片
乐享qicheng于2023-05-18 14:27发布的图片
7
下一页
个人成就
文章被点赞 7
文章被阅读 5,203
掘力值 187
收藏集
1
关注标签
13
加入于