PDF预览

概述

用于预览PDF文件

功能介绍

  1. 有两种预览的方式, 一个是弹窗预览, 一种是整个页面预览
  2. 有两个预览组件,v1版本和v2版本,推荐使用v2

弹窗预览

直接在线表单字段的页面属性的组件选择文件v2,这样文件预览就直接使用弹窗预览

页面预览

系统内置了一个路由 /pdf ,跳转到这个路由并且传递对应参数

{
  "type":"表示使用哪个版本:v1或v2",
  "path":"文件路径",
  "url":"GET请求,返回文件路径,请求参数可以带有?&等参数,调用接口会传递过去,需要拼接在最后面"
}

PDF文件路径传递

  1. 传递 path , 值为一个 文件路径,可以是绝对路径(http开头),可以是相对路径, /upload/1.pdf, 相对路径会自动添加 系统静态文件路径前缀 V1版本预览 V1版本path参数页面预览

    V2版本预览 V2版本path参数页面预览

  2. 传递 url , 值为一个GET请求的接口地址,组件会调用这个接口,这个接口需要返回文件的路径,可以是相对路径或者绝对路径,返回值的格式

{
  "result": "objCardSubsidySituation/2022/07/国管局2022-6.pdf",
  "success": true
}

url参数版本预览效果 url参数页面预览1
url需要返回值 url参数页面预览2


感谢您的反馈。如果您有关于如何使用 KubeSphere 的具体问题,请在 Slack 上提问。如果您想报告问题或提出改进建议,请在 GitHub 存储库中打开问题。