JUpload 上传组件 ✔

JUpload组件可以上传文件和图片。

组件参数

参数	类型	必填	默认值	说明
value(v-model)	string / array		''
text	string		'上传'	按钮显示文字
fileType	string		'all'	定义上传文件类型。可选值：all、image。如果传image，则只能上传图片。
bizPath	string		'temp'	用于控制文件上传的业务路径
returnUrl	bool		true	是否返回文件url。true：仅返回文件url，多个url则逗号隔开；false：返回json类型。{fileName:"1.doc",filePath:"/temp/1.doc",fileSize:200}
multiple	bool		true	是否可以多选
maxCount	int		0	最大上传数量，设为0即为不限制
buttonVisible	bool		true	是否显示上传按钮（仅all模式下生效）
mover	bool		true	是否显示左右移动按钮
download	bool		true	是否显示下载按钮
removeConfirm	bool		false	删除时是否二次确认
disabled	bool		false	是否禁用
beforeUpload	function			上传前方法，返回promise对象

更多参数见：Upload 上传

效果展示

使用示例

const schemas: FormSchema[] = [
  {
    field: 'uploadFile',
    component: 'JUpload',
    helpMessage: '无限制上传',
    label: '上传文件',
  },
  {
    field: 'uploadFileMax',
    component: 'JUpload',
    helpMessage: '最多上传3个文件',
    label: '上传文件（3）',
    componentProps: { maxCount: 3 },
  },
  {
    field: 'uploadImage',
    component: 'JUpload',
    label: '上传图片',
    helpMessage: '无限制上传',
    componentProps: {
      fileType: UploadTypeEnum.image,
    },
  },
  {
    field: 'uploadImageMax',
    component: 'JUpload',
    label: '上传图片（1）',
    helpMessage: '最多上传1张图片',
    componentProps: {
      fileType: UploadTypeEnum.image,
      maxCount: 1,
    },
  },
]