1、下载插件

官网下载地址
https://mozilla.github.io/pdf.js/getting_started/#download

2、存放目录

3、前端引用

<template>
<!--直接在新页面打开预览 --><!-- <view style="width: 100%;" ><web-view  :src="allUrl" class="pdfClass"></web-view>                 </view> --><!--如果是在已有的页面内插入 --><iframewidth="100%"height="500"scrolling="no":src="allUrl"></iframe>
</template><script>export default {data() {return {src: '',allUrl:'',viewerUrl: '../code/static/pdfjs/web/viewer.html', // 格式化文件流的一个js 文件 }},onLoad(options) {let fileUrl = encodeURIComponent("jbossjf.pdf") // encodeURIComponent 函数可把字符串作为 URI 组件进行编码。this.allUrl = this.viewerUrl + '?file=' + fileUrl}}
</script><style></style>

4、修改文件

uniapp浏览pdf文件相关推荐

WPF 浏览PDF 文件
很长时间没写文章感觉手有点生了,前段时间忙的要死公事.家事.私事,事事操心.还好现在有些时间可以继续写博客了.本篇将为大家演示如何在WPF 程序中浏览PDF 文件,本例将通过Adobe PDF Rea ...
网站开发之ie下在线浏览pdf文件无需本地支持
1.首先,务必通过后面给的链接了解一些可实现的方法:打开链接. 2.个人选择了PDFObject+PDF.js来实现,这里需要下载pdfobject.js和PDF.js.对于pdfobject.js, ...
微信小程序----微信小程序浏览pdf文件
微信小程序----微信小程序浏览pdf文件说明:通过wx.downloadFile,wx.openDocumen来实现打开pdf文件.只需在js操作即可. HTTP.Config.Request(' ...
uniapp生成pdf文件
uniapp生成pdf文件 1.需要安装两个插件 (1) html2canvas --将网页转换成图片 (2) jspdf --将图片转换为pdf uniapp创建完后在根目录用终端打开 1.初始化 ...
微信公众号或者浏览器实现在线浏览pdf文件
微信公众号或者浏览器实现在线浏览pdf文件实现在线浏览pdf文件方法开发步骤: 实现在线浏览pdf文件方法我们在日常的开发当中经常需要实现pdf文件的显示,最近做了一个在微信公众号中实现pdf浏 ...
h5页面预览pdf文件_H5移动端在线浏览pdf文件，推荐插件TouchPDF
pdf.png 公共的pdf页面可以自己写,调用插件的代码也相对简单: seePDF.html seePDF.js $(function() { //文件服务器的路径 var picDownloadS ...
html在线浏览pdf文件
最近在做一个项目,其中涉及到pdf文件,于是就想试着在线加载pdf文件,经过我的不懈努力,终于让我解决了这个问题解决这个问题总共有两种方式方式一. 将pdf转为图片保存,然后再把图片的地址发到页面 ...
8个实现在线浏览PDF文件的实用jQuery插件
在web开发当中我们经常需要进行需要在线浏览PDf内容,在线嵌入动态pdf,传统的解决方法安装客户端PDF阅读器,如果是在谷歌是可以在线浏览的,因为他自身就带了一些插件,以前遇到这样的问题往往是费时又 ...
在手机端浏览pdf文件，遇到的问题整理
在起微信中预览文件第一种方法: 直接使用a标签,将href属性的值赋为你想要展示的文件的路径地址. 我用自己的手机测试(android)时,主要要经过下面的流程打开----->首先下载QQ浏 ...
vue-cli使用pdf.js插件浏览pdf文件，禁止下载打印复制粘贴。
很多项目中都会有预览pdf文件,普通的可以直接使用a标签来实现该功能,但是此预览是浏览器自带的,有时候项目需求中会有禁止用户禁止下载和打印功能,浏览器自带的是无法满足的. 小编在网上找到pdf.js插 ...

uniapp浏览pdf文件

1、下载插件

2、存放目录

3、前端引用

4、修改文件

uniapp浏览pdf文件相关推荐

最新文章

热门文章