简介

el-upload二次封装，上传文件，绑定相对文件路径会自动反显，多个“,”隔开

单文件上传

单文件上传返回的是字符串（文件相对路径），userfiles/2022-05-05/5d616e5eb79c43d8a5e3404283e4f06d/1.jpg

<mb-upload-file v-model="fileUrl" />

多文件上传

多文件上传返回的是数组（文件相对路径） ['userfiles/2022-05-05/5d616e5eb79c43d8a5e3404283e4f06d/1.jpg']

<mb-upload-file v-model="fileUrls" multiple />

upload-file 属性

属性	说明	类型	可选值	默认值	示例/备注
multiple	是否多选	Boolean	—	false	—
limit	上传数量限制	Number	—	20	—
maxFileSize	文件大小限制（单位：MB）	Number	—	200	—
accept	常用文件类型限制	String	image / wps / compress / video image: 'png,jpg,gif,jpeg' wps: 'pdf,pptx,xls,xlsx,csv,docx,doc' compress: 'zip,rar,7z' video: 'avi,flv,mp4,mpeg,mov'	—	accept="image,wps"
formats	文件类型限制	String	—	—	png,jpg,zip,mp4
label	上传按钮文本	String	—	—	—
showTip	是否显示上传提示	Boolean	—		是否显示：“支持上传.png,.jpg文件，且不超过20MB”提示
action	自定义上传地址（相对地址），一般不需要自己配置，除非有特殊上传需求	String	—	—	—
showFileList	是否显示已上传文件列表	Boolean	—	—	—
onSuccess	上传成功的回调方法	Function	—	—	—
showRemoveTip	是否显示删除文件的提示	Boolean	—	—	—