【uniapp H5在线浏览Word,excel,Execel 】_uniappp h5端 如何在新页面打开文件

uniapp H5 如何在线浏览Word,excel,Execel

1. 常用的库是Office Online和Viewer.js。这些库可以将文档转换为HTML格式，并嵌入到Web页面中以供在线浏览
2. 以下是使用Viewer.js库来实现在线浏览Word、Excel和PowerPoint文档的步骤
3. 在Uniapp H5项目中安装Viewer.js库：
4. npm install viewerjs
5. 在需要显示文档的页面中引入Viewer.js库和样式文件：
6. <link rel="stylesheet" href="node_modules/viewerjs/dist/viewer.min.css">
7. <script src="node_modules/viewerjs/dist/viewer.min.js"></script>
8. 在页面中添加文档显示区域的HTML代码：
9. <div id="document-viewer"></div>
   10.在页面的JavaScript代码中初始化Viewer.js：

var viewer = new Viewer(document.getElementById('document-viewer'), {
    url: 'path/to/document.docx',
    navbar: false,
    toolbar: {
        zoomIn: 4,
        zoomOut: 4,
        oneToOne: true,
        reset: true,
        prev: true,
        play: false,
        next: true,
        rotateLeft: true,
        rotateRight: true,
    },
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16