# 全局的组件如何使用 ``` <wl-upload-oss-files :severType="other" :maxNum="2" :beforeUploadFilter="uploadFilter" v-model="defaultStringList" > </wl-upload-oss-files> ``` ### wlUploadFiles props | 属性 | 说明 | 类型 | 默认值 | | --- | --- | --- | --- | | fileName | 上传文件的名字 | String | rand，md5（base64之后md5命名），origin（和文件名一至） | | fileDir | 上传文件的路径 | String | wl | | maxNum | 最多传递几张图片 | Number | 5 | | uploadStyle | 上传图片还是其他（other） | String | 'image' | | maxNumMessage |提示的文字信息 | String | | | resultFiltration |返回格式 | Boolean | 默认false，result回调返回的是数组[{...,url:'...'}] ,为true的时候返回的是字符串的图片地址，多个用逗号分割| | maxSize | 图片最大限制 | Number| 2048 | | format| 上传类型 | Array| ['jpg', 'jpeg', 'png'] | | uploadUrl| 上传的地址>=0.3.5 | String| http://house.wanglanglang.com | | getSignUrl| hadoop的获取签名地址 | String|/api/ac/dangan/getHadoopService/getSign | | uploadType| 上传的方式 | String| 默认：oss，有：oss，php，hadoop | beforeUploadFilter| 上传前对文件进行验证的函数 | Function| ### Upload methods | 方法名 | 说明 | 参数 | | --- | --- | --- | | clear | 清空已上传的文件列表（清空的时候也需要把默认显示的内容清空）>=0.3.6 | 无 | > 增加v-model 双向绑定，直接返回上传的字符串，如果是多个图片或者文件用“,“分隔开 > 如果用hadoop上传方式必须传递uploadUrl 上传的地址，上传的参数必须是 ``` { "filePath":"aaaa", "fileName":"红海滩景区智慧旅游20150423(云瑞).docx", "file":"/9j/4S/.... } ``` > 返回的数据格式必须是如下： ``` {errcode: "0",data:'....png',errmsg:'success'} ``` >beforeUploadFilter 函数说明 ``` uploadFilter (file, uploadList) { let isExit = false if (uploadList.length > 0) { uploadList.forEach(item => { if (item.url.indexOf(file.name) !== -1) { isExit = true } }) } if (isExit) { this.$Notice.warning({ title: file.name + '【文件已经存在】', duration: 0 }) return { errcode: false, selfShow: true } } let arr = file.name.split('.') let arr2 = arr[0].split('-') if (arr2.length !== 4) { this.$Notice.warning({ title: file.name, desc: '文件命名格式不正确必须全部是数字包含三个"-"', duration: 0 }) return { errcode: false, selfShow: true } } if (parseInt(arr2[0]) < 1 || parseInt(arr2[0]) > 10 || !this.$common.xeUtils.isInteger(parseInt(arr2[0]))) { this.$Notice.warning({ title: file.name + '【文件一级类别不正确】', duration: 0 }) return { errcode: false, selfShow: true } } if (parseInt(arr2[1]) < 1 || parseInt(arr2[1]) > 10 || !this.$common.xeUtils.isInteger(parseInt(arr2[1]))) { this.$Notice.warning({ title: file.name + '【文件二级类别不正确】', duration: 0 }) return { errcode: false, selfShow: true } } if (parseInt(arr2[2]) < 1 || parseInt(arr2[2]) > 10 || !this.$common.xeUtils.isInteger(parseInt(arr2[2]))) { this.$Notice.warning({ title: file.name + '【文件三级类别不正确】', duration: 0 }) return { errcode: false, selfShow: true } } if (parseInt(arr2[3]) < 1 || parseInt(arr2[3]) > 100 || !this.$common.xeUtils.isInteger(parseInt(arr2[3]))) { this.$Notice.warning({ title: file.name + '【文件四级类别不正确】', duration: 0 }) return { errcode: false, selfShow: true } } return { errcode: true } } ``` > return { errcode: false,errmsg:'文件名不对', selfShow: true } > 如果errcode 是false 就不上传文件提示errmsg的错误信息，如果selfShow传递true 不提示信息，自己写提示代码