amis2/docs/zh-CN/components/pdf-viewer.md

title	description	type	group	menuName	icon	order
PDF Viewer		0	⚙ 组件	PDFViewer 渲染		24

基本用法

{
  "type": "pdf-viewer",
  "id": "pdf-viewer",
  "src": "/examples/static/simple.pdf",
  "width": 500
}

配合文件上传实现预览功能

配置和 input-file 相同的 name 即可

{
  "type": "form",
  "title": "",
  "wrapWithPanel": false,
  "body": [
    {
      "type": "input-file",
      "name": "file",
      "label": "File",
      "asBlob": true,
      "accept": ".pdf"
    },
    {
      "type": "pdf-viewer",
      "id": "pdf-viewer",
      "name": "file",
      "width": 500
    }
  ]
}

属性表

属性名	类型	默认值	说明
src	Api		文档地址
width	number		宽度
height	number	-	高度
background	string	#fff	PDF 背景色