A2UI 上传 Upload

通过 Schema 配置生成 XUpload 文件上传组件。

字段配置

{
  "name": "avatar",
  "label": "头像",
  "type": "upload",
  "props": {
    "action": "/api/upload",
    "accept": "image/*",
    "limit": 1,
    "listType": "picture-card"
  }
}

Props 配置

属性	类型	默认值	说明
action	string	-	上传地址
accept	string	-	接受的文件类型
limit	number	-	最大上传数量
listType	string	'text'	列表类型
multiple	boolean	false	多选
disabled	boolean	false	禁用状态

listType 选项

值	说明
text	文件列表
picture	图片列表
picture-card	图片卡片

示例

基础上传

{ "name": "file", "label": "文件", "type": "upload", "props": { "action": "/api/upload" } }

图片上传

{
  "name": "images",
  "label": "图片",
  "type": "upload",
  "props": {
    "action": "/api/upload/image",
    "accept": "image/*",
    "listType": "picture-card",
    "multiple": true
  }
}

渲染组件

A2UI Upload 字段会渲染为 XTO UI 的 XUpload 组件：

<XUpload
  v-model="formData.avatar"
  action="/api/upload"
  accept="image/*"
/>

相关链接

• XUpload 组件文档 - XTO UI 上传组件详细说明
• A2UI 表单 - 表单整体配置