IkPreviewFile(iking-web-ui>=v1.0.14)

kkFileView实现，修改了前端展示样式

支持word excel ppt，pdf等办公文档

支持txt,java,php,py,md,js,css等所有纯文本

支持zip,rar,jar,tar,gzip等压缩包

支持jpg，jpeg，png，gif等图片预览（翻转，缩放，镜像）

支持mp3，mp4，flv等多媒体文件预览

需要服务端启动docker服务, 安装部署非常方便

1. docker pull keking/kkfileview:4.1.0
2. docker run -it -p 8012:8012 keking/kkfileview:4.1.0

Props

参数	说明	类型	默认值
v-model	是否显示	Boolean	false
kkUrl	KKFileView服务地址	String	''
url	文件地址	String	''
loadUrl	文件加载地址(如果url中已经是http开头的，则不需要传递loadUrl)	String	''
fileName	当预览的文件是通过请求id等获取的文件流时，需要指定文件名	String	''

示例代码

普通文件(带后缀名http://xxx.jpg)

  <template>
    <!-- 示例 -->
    <IkPreviewFile
      v-model="visable"
      url="http://192.168.2.144:8080/前端手册2023.2.6.xlsx"
      kk-url="http://192.168.2.144:8012/onlinePreview?url="
    />
  </template>

流文件(http://xxxxxx?fileUrl=id)

  <template>
    <!-- 示例 1 传loadUrl -->
    <IkPreviewFile
      v-model="visable"
      load-url="http://192.168.2.171/api/server/oss/download?fileUrl="
      url="73ee4fe018f34b63b702862b8537f30a"
      kk-url="http://192.168.2.144:8012/onlinePreview?url="
      file-name="人员.png"
    />

  <!-- 示例 2 不传loadUrl -->
     <IkPreviewFile
      v-model="visable"
      url="http://192.168.2.171/api/server/oss/download?fileUrl=73ee4fe018f34b63b702862b8537f30a"
      kk-url="http://192.168.2.144:8012/onlinePreview?url="
      file-name="人员.png"
    />
  </template>