kkFileView部署参考的官网
集成方式使用的是下面这个方式:
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/js-base64@3.6.0/base64.min.js"></script>
var originUrl = 'http://127.0.0.1:8080/filedownload?fileId=1'; //要预览文件的访问地址
var previewUrl = originUrl + '&fullfilename=test.txt' window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(previewUrl)));
我把这块代码封装成一个接口,供前端请求,直接返回预览文档的地址。
originUrl:是自己项目中提供的下载文档的地址,使用get请求的方式。
previewUrl:这个在 originUrl的基础上,添加了文档的全名,包含文件后缀的文件名称。
http://127.0.0.1:8012/onlinePreview?url= 这个地址是 kkFileView的文件地址。
个人理解:
把一个文档的下载地址加上文件名称,传给kkFileView,kkFileView将文件下载,并转换成html的格式,供用户预览