word在线预览,pdf在线预览,excel在线预览,word转图片,pdf图片。预览组件kkFileView。vue中使用Base64 电脑版发表于:2022/8/30 16:47 #### 在线文件预览组件推荐kkFileView **docker下的安装** 拉取镜像 ``` docker pull keking/kkfileview ``` 运行镜像 ``` docker run -it -p 8012:8012 keking/kkfileview ``` 浏览器访问容器8012端口 http://xxx.xxx.xxx.xxx:8012 即可看到项目演示用首页 具体看官方文档 https://kkfileview.keking.cn/zh-cn/docs/config.html #### 默认里边可能会需要使用base64编码,如果是vue使用可以安装一下base64编码组件 1、安装依赖 ``` npm install --save js-base64 ``` 2、在main.js引用 ``` const Base64 = require('js-base64').Base64 new Vue({ el: '#app', Base64 }) ``` 3、在需要转码的文件中使用 ``` const Base64 = require('js-base64').Base64 const exStr = Base64.encode('base64')//加密 console.log(exStr) // 'YmFzZTY0' const oxStr = Base64.decode(exStr);//解密 console.log(oxStr) // 'base64' ``` 貌似也可以直接这样 ``` const base64Encode = (name) => { var rv; rv = encodeURIComponent(name); rv = unescape(rv); rv = window.btoa(rv); return rv; } ``` #### word,pdf等有两种预览模式,图片和pdf。可以进行默认预览方式的设置 tn2>office.preview.type # 说明:office文件(doc、docx、ppt、pptx)、pdf 文件预览方式,默认为图片方式,预览时也有按钮相互切换,可选项:'image', 'pdf' image: 默认预览方式,将office文件每一页后台转成图片,前台懒加载(只加载当前页面内容),推荐预览文件大且前台加载慢的时候使用 pdf: 统一转成pdf加一次加载,推荐内网访问,网速快时使用 具体看官方文档 https://kkfileview.keking.cn/zh-cn/docs/config.html 也可以考虑在预览的时候加上这样的参数:&officePreviewType=pdf