手机端pdf文件预览pdf.js使用方法详解

虽然H5页面可以通过A直接访问html 但可惜的是手机端H5页面这样做就直接变下载了
那么想要实现手机端的pdf文件预览就需要用到pdf.js了
首先我们访问地址 http://mozilla.github.io/pdf.js/

或者你也可以在我的资源中下载
https://download.csdn.net/download/weixin_45966674/69298036

下载完成后我们在下载的东西中找到 pdfjs文件夹和 php.js
就这两个东西就够了
然后我们在页面中引入
php.js

<script type="text/javascript" src="./php.js"></script>

不要盲目复制哦注意自己的文件路径

然后我们在js中展开pdf文件

window.location.href = "./pdfjs/web/viewer.html?file=" + "http://file.lanxili.vip/Portal/20211210/f30f8266a93b4cf9bc1eebbdc971719c.pdf"

这个也要看着理性复制哦注意自己项目中viewer.html的路径别路径错找不到问题
viewer.html主要就是用来展示pdf文件的
然后我们打开页面就能看到完美的pdf效果了

手机端pdf文件预览pdf.js使用方法详解相关推荐

h5移动端在线查看pdf文件预览pdf文件 pdfh5.js
要做移动端在线查看pdf的效果最后选择了 pdfh5.js 强烈点赞详情链接 https://www.gjtool.cn/articles/2019/09/04/15675716491 ...
a标签点击下载文件通用方法，pdf文件预览不能下载解决方法
function downloadFile(url) {var request = new XMLHttpRequest();request.responseType = "blob&quo ...
Vue PDF文件预览打印vue-pdf
Vue PDF文件预览vue-pdf 最近做项目,遇到预览PDF这个功能,在网上找了找,大多推荐的是pdf.js,不过在Vue中还是想偷懒直接npm组件,最后找到了一个还不错的Vue-pdf 组件,G ...
Java使用openOffice转PDF以及PDF文件预览乱码问题
Java使用openOffice转PDF以及PDF文件预览乱码问题使用openOffice,支持doc, docx, .xls, .xlsx, .ppt, .pptx转pdf 一:依赖 <de ...
java pdf文件下载_Java后台返回PDF文件预览下载
Java后台返回PDF文件预览下载开始的代码的系统代码为: ResponseEntity onePdf = s3Wrapper.download(contractEntity.getContract ...
用vue-pdf包实现pdf文件预览，支持分页
vue项目实现pdf文件预览功能下载vue-pdf包 npm install --save vue-pdf template模板内容: //pdf组件 <pdf :src="pdfF ...
mpvue PDF文件预览
小程序中PDF文件预览问题在小程序中可以ios端可以使用 <web-view :src="url"></web-view> 但是在Android端pdf ...
pdf文件预览、打印
前端 pdf 文件预览的方式有多种. html元素:<iframe>.<embed> <iframe :src="pdfUrl " style=&qu ...
(0095)iOS开发之本地文件预览的三种方法（3）
(0090)iOS开发之本地文件预览的三种方法(1) (0094)iOS开发之本地文件预览的三种方法(2) 用功能强大的Webview来实现文件预览功能我导入的 ios.pdf 前两种可以打开,但是 ...

手机端pdf文件预览pdf.js使用方法详解

手机端pdf文件预览pdf.js使用方法详解相关推荐

最新文章

热门文章