# upload

# `Schema`类静态属性

Schema类静态属性请访问 Schema.js类静态属性及值逻辑与事件逻辑关系

{
  widget: 'upload',
  title: '上传',
  preview: '',
  type: 'array',
  validators: [],
  logic: {
    value: [],
    event: []
  }
}

1
2
3
4
5
6
7
8
9
10
11

# `schema.default`

默认[]

# `schema.option`定义

schema完整定义请访问schema

{
  "action": "",      // 上传的地址，必填
  "adapter": "",     // 匹配上传接口返回的数据格式
  "format": "",      // 支持的文件类型，与 accept 不同的是，format 是识别文件的后缀名，
                     // accept 为 input 标签原生的 accept 属性，会在选择文件时过滤，可以两者结合使用
  "accept": "",      // 接受上传的文件类型
  "type": "select",  // 上传控件的类型，可选值为 select（点击选择），drag（支持拖拽）
  "multiple": true,  // 是否支持多选文件
  "maxSize": 5000,   // 文件大小限制，单位 kb
  "showUploadList": true,  // 是否显示已上传文件列表
  "headers": [],     // 设置上传的请求头部，如：[{"Custom-Header": "test"}]
  "name": "file",    // 上传的文件字段名
  "withCredentials": false, // 支持发送 cookie 凭证信息
  "data": {}         // 上传时附带的额外参数，如：{"username": "mock"}
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

# 示例展示

# 基础展示

完整示例 codeSandbox (opens new window)

schema

{
  "key": "kVxXEQgaB",
  "widget": "upload",
  "hidden": false,
  "option": {
    "action": "",
    "adapter": "",
    "format": "",
    "accept": "png",
    "type": "select",
    "multiple": true,
    "maxSize": 5000,
    "showUploadList": true,
    "headers": [],
    "name": "file",
    "withCredentials": false,
    "data": {}
  },
  "name": "files",
  "type": "array",
  "label": "上传文件",
  "description": "",
  "help": "",
  "disabled": false,
  "rules": [
    {
      "required": false,
      "message": "必填",
      "trigger": "change",
      "type": "array"
    }
  ],
  "placeholder": "请选择"
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

# 图片上传展示

完整示例 codeSandbox (opens new window)

schema

{
  "key": "ktXEv5YPh",
  "widget": "upload",
  "hidden": false,
  "option": {
    "action": "https://mock.com/upload",
    "adapter": "",
    "format": [],
    "accept": "png,jpg,jpeg,bmp",
    "type": "select",
    "multiple": true,
    "maxSize": 2000,
    "showUploadList": true,
    "headers": {},
    "name": "file",
    "withCredentials": false,
    "data": {}
  },
  "name": "files",
  "type": "array",
  "label": "图片",
  "description": "",
  "help": "",
  "disabled": false,
  "rules": [
    {
      "required": false,
      "message": "必填",
      "trigger": "change",
      "type": "array"
    }
  ],
  "placeholder": "请选择"
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

← rate grid →