admin管理员组

文章数量:1545245

在起微信中预览文件

第一种方法：
直接使用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

版权声明：本文标题：在手机端浏览pdf文件，遇到的问题整理 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1727158075a1099673.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。