**JUpload 上传组件文档** [TOC] JUpload组件可以上传文件和图片。 ## 组件参数 | 参数 | 类型 | 必填 | 默认值 | 说明 | | --- | --- | --- | --- | --- | | value(v-model) | string / array | | '' | | | text | string | | '上传' | 按钮显示文字 | | fileType | string | | 'all' | 定义上传文件类型。<br>可选值:all、image。<br>如果传image,则只能上传图片。 | | bizPath | string | | 'temp' | 用于控制文件上传的业务路径 | | returnUrl | bool | | true | 是否返回文件url。<br>true:仅返回文件url,多个url则逗号隔开;<br>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对象 | >[info] 更多参数见:[Upload 上传](https://2x.antdv.com/components/upload-cn/#API) ![](https://img.kancloud.cn/d7/11/d7118b781e4fd2c5ec61eafec2b52a15_385x282.png) ## 效果展示 ![](https://img.kancloud.cn/91/91/9191b912254e3294c20ab62395101dec_627x387.png) ## 使用示例 ``` js 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, }, }, ] ```