vue中使用pdf阅读器 --- pdf.js

一、下载

https://mozilla.github.io/pdf.js/getting_started/#download

二、导入

三、使用

<template><div><iframe :src="'/static/pdf/web/viewer2.html?file='+url" width="800px" height="500px"></iframe></div>
</template>
<script>
export default {name: "",data() {return {url: "http://www.web.com/zjzz/Test/get_pdf_file"//此处的url可以为服务器端的pdf文件流，也可以是本地项目中的文件位置,//此处服务器端获取pdf会产生跨域问题需要解决};},created() {}
};
</script>
<style scoped>
</style>

四、解决服务器端获取跨域问题---viewer.js文件中的1903行

五、屏蔽插件中的部分功能

通过id找到button按钮的位置

<button id="openFile" class="toolbarButton openFile hiddenLargeView" title="Open File"             tabindex="32"data-l10n-id="open_file" style="display: none;"><!-- 添加display: none; --><span data-l10n-id="open_file_label">Open</span>
</button>

最后在viewer.js中屏蔽 openFile 按钮相关的js

参考：

https://blog.csdn.net/liuying93/article/details/83410405

https://blog.csdn.net/shentibeitaokong/article/details/80011900

vue中使用pdf阅读器 --- pdf.js相关推荐

pdf阅读器,pdf阅读器大全,最好pdf阅读器排行,pdf阅读器下载
pdf阅读器第一名:Adobe Reader V8.1.0 简体中文版 PDF (Portable Document Format)文件格式是电子发行文档的事实上的标准,Adobe Acrobat R ...
最强大的专业PDF阅读器PDF Reader Pro功能
PDF Reader Pro for Mac软件介绍 PDF Reader Pro阅读器是一款用户必备的集管理.编辑.转换.阅读功能于一体的专业的全能PDF阅读专家.快速.易用.强大,让您出色完成 P ...
Mac真正免费的PDF阅读器 - PDF Guru
前言系统自带的"预览.app"是方便,但是总觉得不够nice. 强烈推荐Mac端的开源免费的PDF Guru!简单好用! 下载地址 http://pdfguru.io/ 效果想 ...
linux firefox 显示PDF,Firefox 19 Beta 已内置 PDF 阅读器
Mozilla本周发布了火狐浏览器内建的PDF阅读器PDF.js,利用火狐浏览器的Javascript引擎去解码由Adobe开发,但已成为行业标准的PDF文件格式.过去几年中,Adobe的Flash播 ...
pdf阅读器(福昕pdf阅读器电脑版)免安装pjb
一提到福昕阅读器电脑版,大家应该都很熟悉吧,这是一款非常优秀的PDF阅读软件,拥有强大的编辑功能和文件保护能力,涵盖文档创建.转换.打印.编辑.注释.表单处理.签名.保护.协同合作.可访问性等文档生命 ...
免费PDF阅读器有哪些? 14款强烈推荐的PDF阅读器!
即使经过这么多年,PDF 仍然是最受欢迎的阅读格式之一.从阅读电子书或填写在线表格到创建用户手册,PF 格式仍然是最受欢迎的阅读方式.虽然现在的网络浏览器已经配备了基本的 PDF 阅读功能,但您仍然需 ...
PDF中的超链接在PDF阅读器中失效问题的解决
背景:同事在苹果电脑的PDF阅读器中打开PDF文件,说里面的超链接无法跳转,但在浏览器中打开就是可以跳转的问题:超链接中包含了中文,在苹果那个PDF阅读器中显示的中文的编码和浏览器地址栏中显示的中文 ...
PDF阅读器中如何改变线条颜色、线宽和线型等
1.打开PDF阅读器过后,点击菜单栏"注释"这一栏,找到绘图区域中的线条或铅笔: 2.分别用线条和铅笔随意画两条直线,然后选中直线,右键点击直线并打开"属性": ...
js判断ie和edge是否安装Adobe Reader PDF阅读器
ie浏览器和edge浏览器,必须用Adobe Reader PDF阅读器才可以打开pdf文件,其他现代浏览器自带pdf阅读器,无需安装. 判断ie或者edge如果安装了,就浏览pdf文件:如果没安装就 ...

vue中使用pdf阅读器 --- pdf.js

vue中使用pdf阅读器 --- pdf.js相关推荐

最新文章

热门文章