跳到主要内容

Upload 上传

用于上传图片或者视频的组件

在使用这个这个组件之前需要先用 formConfig.setConfig 注册一个上传函数，可以参考 duxcmsUser app.js 中是如何注册这个函数的

formConfig.setConfig({
  upload,
  uploadTempFile
})

示例​

import { Header, ScrollView, TopView, Form, Card, Divider, Upload } from '@/duxui'

export default function UploadExample() {
  return <TopView>
    <Header title='Upload' />
    <Form onSubmit={console.log}>
      <ScrollView>
        <Card margin verticalPadding={false}>
          <Divider.Group>
            <Form.Item label='单图上传' field='image' direction='vertical' >
              <Upload />
            </Form.Item>
            <Form.Item label='多图上传' field='images' direction='vertical' >
              <Upload max={9} />
            </Form.Item>
            <Form.Item label='视频上传' field='images' direction='vertical' >
              <Upload type='video' />
            </Form.Item>
            <Form.Item label='视频和图片上传' field='images' direction='vertical' >
              <Upload type='all' />
            </Form.Item>
          </Divider.Group>
        </Card>
      </ScrollView>
    </Form>
  </TopView>
}

Props​

继承自GridProps

type​

上传媒体类型

类型必填默认值
enum('image', 'video', 'all')否image

max​

最多允许上传多少图片

传入 1 相当于单个上传，value是字符串类型，大于1是多个上传，value是数组类型

类型必填默认值
number否1

value​

值

类型必填默认值
string | string[]否1

onChange​

上传或者删除图片的回调

类型必填默认值
(value: string | string[]) => void否1

column​

每行显示多少图片

类型必填默认值
number否4

addText​

上传的文本

类型必填默认值
string否上传

disabled​

是否禁用

类型必填默认值
boolean否false

option​

传递给上传函数的选项

类型必填默认值
Upload.Option否false