前端与后端配合实现文件预览（kkfileview）

liht~

于 2024-08-28 11:30:51 发布

阅读量313

点赞数 2

文章标签：前端

本文链接：https://blog.csdn.net/weixin_63132926/article/details/141636327

版权

先贴上 kkfileview 链接

背景：接到文件预览需求，需要支持pdf/doc/xlsx/ppt/txt ,最开始是前端进行预览，后面ppt预览遇到问题，所以就采用了前后端配合的方式，使用的是 kkfileview

1.创建一个 js-base64.min.js 文件，在使用页面引入

import "./js-base64.min.js";

2.链接处理

fileUrl.value =
      "http://xx.xx.xxx.xxx:8012/preview/onlinePreview?url=" +
      encodeURIComponent(Base64.encode(view.url));
//view.url是文件在线地址

3.使用

 <iframe
        style="width: 100%"
        :src="fileUrl"
        frameborder="0"
      ></iframe>

关注