前端展示pdf流文件

最新推荐文章于 2025-04-01 13:22:45 发布

紫叶冰茶

最新推荐文章于 2025-04-01 13:22:45 发布

阅读量3.4k

点赞数 5

文章标签： javascript html

本文链接：https://blog.youkuaiyun.com/qq_41694319/article/details/105517063

版权

参考文章https://www.jianshu.com/p/242525315bf6

参考文章https://blog.youkuaiyun.com/Tastill/article/details/84572408

下载 PDFJS: https://mozilla.github.io/pdf.js/ 支持获取文件流到客户端，生成blob地址预览

我们后端返回的是base64码先将base码转成uint8Array 然后window.URL.createObjectURL()转成地址，将地址拼接到地址栏中打开pdf.js插件

<iframe id="PDF" src="../../PDFViewer-master/web/viewer.html"></iframe>

var pdfAsArray = convertDataURIToBinary(data.resultObj);//返回pdf文件的base64码
var url =window.URL.createObjectURL(new Blob([pdfAsArray], {type:"application/zip"}));
 $('.surveySure').show();
 $('#PDF').attr('src',`../../PDFViewer-master/web/viewer.html?fi