kkFileView在线文件预览与项目集成方式

目录

• kkFileView在线文件预览与项目集成
• 1.文件下载
• 2.Java后台配置文件上传，预览路径
• 3.前台vue集php成
• 总结

kkFileView在线文件预览与项目集成

1.文件下载

这里注意的是，我在github，gitee官方文档说明里面没有找到 .jar包，自己下载源码 然后编译的

启动

项目配置

2.java后台配置文件上传，预览路径

profile: D:/home/psm编程客栈s/uploadPath/

3.前台vue集成

    // 预览
    handlePreview(ro编程客栈w) {
      if(process.env.NODE_ENV == 'development'){
      var previewww.devze.comwServerUrl = "http://127.0.0.1:8012/onlinePreview?url=";
      var fileUrl = "http://127.0.0.1:8http://www.devze.com080/profile/" + row.filepath;
      let newUrl = previewServerUrl + Base64.encodeURI(fileUrl);
      window.open(newUrl);
      }
    },

预览效果

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持编程客栈(www.devze.com)。