kkFileView + Vue + MinIO 实现文件的在线预览

1. 下载kkFileView

下载链接:https://download.csdn.net/download/wanzijy/85643426

启动:双击下图中的文件即可启动
kkFileView + Vue + MinIO 实现文件的在线预览_第1张图片

2. 给按钮加上点击事件

注意:

  • 本次是直接在本地使用,所以下面的IP是“127.0.0.1”
  • 8012是kkFileView的端口
  • url是MinIO给文件生成的地址
export function previewing(url) {
    if(url == null || url.length == 0) {
        console.log('该文件链接为空,请刷新后再试');
        return;
    }
    let Base64 = require('js-base64').Base64
    window.open('http://127.0.0.1:8012/onlinePreview?url=' + Base64.encode(url));
}

提示:

  • 建议在预览时的文件都是pdf的格式。因为本人试过预览word文件,有时格式会有较大的错乱
  • 第一次加载会比较慢,而且也有可能出不来,多尝试几下即可

你可能感兴趣的:(第三方,前端)