word在线预览，pdf在线预览，excel在线预览，word转图片，pdf图片。预览组件kkFileView。vue中使用Base64

在线文件预览组件推荐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。可以进行默认预览方式的设置

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