vue cli3项目使用pdf.js 前端实现（文件流）在线预览兼容IE，亲测可用

原创

于 2020-01-09 09:49:24 发布 · 2.5k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了如何在Vue CLI3项目中使用pdf.js来实现前端PDF在线预览，包括插件导入、静态资源存放、IFrame引用、接口封装及调用，同时解决了跨域问题，确保兼容IE浏览器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一步导入pdf.js插件 下载地址
1.下载完成后打开 static 目录下创建pdf文件夹放入build和web文件夹。

2.iframe 引入 :src=“pdf文件流地址”。

<el-dialog :visible.sync="dialogTableVisible">
	<div class="pdf" style="height: 100%;">
    	<iframe :src="'/static/pdf/web/viewer.html?file='+ pdfUrl" style="width: 100%; height: 100%"/>
  	</div>

最低0.47元/天解锁文章

200万优质内容无限畅学