前端如何预览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
上一篇: 短剧正版开源2024年最新微短剧系统-uniApp,微信小程序源码开源源码搭建部署,前端uniApp短剧学习分享
下一篇: 【Web APIs】Web APIs 简介 ( JavaScript 组成 | Web APIs 概念 | DOM 文档对象模型 | BOM 浏览器对象模型 | MDN 参考文档 )
本文标签
声明
本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。