前端如何预览pdf

前端小啊giao 2024-07-04 09:03:03 阅读 68

1.第一种方案  可以通过后端请求接口转化为blob  然后通过window.open直接打开 代码如下

        某接口(地址).then((res)=>{

        

 const blob = new Blob([res], { type: "application/pdf" });

          this.pdfUrl = window.URL.createObjectURL(blob);

          window.open(this.pdfUrl)

})

2.第二种方案

通过第三方插件实现  使用pdf.js预览 

在pdf.js官网下载 文件 放到项目的punlic

然后通过 iframe  将路径放进去   '/pdfjs/web/viewer.html?file=' + 地址+接口路径 + 文件path



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。