mirror of
https://gitee.com/baidu/amis.git
synced 2024-11-29 18:48:45 +08:00
57 lines
1006 B
Markdown
57 lines
1006 B
Markdown
---
|
|
title: PDF Viewer
|
|
description:
|
|
type: 0
|
|
group: ⚙ 组件
|
|
menuName: PDFViewer 渲染
|
|
icon:
|
|
order: 24
|
|
---
|
|
|
|
## 基本用法
|
|
|
|
```schema: scope="body"
|
|
{
|
|
"type": "pdf-viewer",
|
|
"id": "pdf-viewer",
|
|
"src": "/examples/static/simple.pdf",
|
|
"width": 500
|
|
}
|
|
```
|
|
|
|
## 配合文件上传实现预览功能
|
|
|
|
配置和 `input-file` 相同的 `name` 即可
|
|
|
|
```schema: scope="body"
|
|
{
|
|
"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 背景色 |
|