admin管理员组文章数量:1566681
在起微信中预览文件
第一种方法:
直接使用a标签,将href属性的值赋为你想要展示的文件的路径地址。
我用自己的手机测试(android)时,主要要经过下面的流程
打开----->首先下载QQ浏览器(手机没有安装的情况下)----->点击下载文件(这个文件会在QQ)浏览器中的下载那里出现(不会直接显示出来需要自己点击)------>点击这个文件之后会询问使用手机上面那个软件打开(如:WPS Office,浏览器等)
第二种方法:不用下载文件,使用pdf.js插件,最后在canvas中将我们要展示的pdf文件的内容绘制出来
pdf.js官方地址:http://mozilla.github.io/pdf.js/
下面是我自己的代码:
css部分
.lightbox {
position: fixed;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
z-index: 7;
opacity: 0.3;
display: block;
background-color: rgb(0, 0, 0);
}
.page-btn {
background-color:#fff;
z-index:9;
}
.pop {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
z-index: 9;
}
.pop input {
width:100px;
padding:0px;
height:30px;
}
canvas {
width: 100%;
height: 100%;
border: 1px solid black;
}
下面是html部分
<ul >
<li >
<a onclick="loadPdf()">在线查看文件</a
版权声明:本文标题:在手机端浏览pdf文件,遇到的问题整理 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/dongtai/1727158075a1099673.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论