# 全局的组件如何使用 ~~~ <wl-dir-upload :dirCheckFun="dirCheckFun" tableMaxHeight="600" :fileNameCheckFun="dirNameFun" uploadType="hadoop" :format="formatData" @upAllImgOver="upAllImgOverAction" uploadUrl="http://120.27.63.37:38081/api/ac/file/fileCommonService/upLoadFiles" ></wl-dir-upload> ~~~ ### wlUploadFiles props | 属性 | 说明 | 类型 | 默认值 | | --- | --- | --- | --- | | rootDir | 上传文件的根路径 | String | /dangan/ | | 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 | dirCheckFun| 对文件夹命名规则进行校验 | Function| | fileNameCheckFun| 对文件命名规则进行校验 | Function| ### Upload methods | 方法名 | 说明 | 参数 | | --- | --- | --- | | clear | 清空已上传的文件列表（清空的时候也需要把默认显示的内容清空）>=0.3.6 | 无 | > 增加v-model 双向绑定，直接返回上传的字符串，如果是多个图片或者文件用“,“分隔开 > 如果用hadoop上传方式必须传递uploadUrl 上传的地址，上传的参数必须是 ``` [TOC] { "filePath":"aaaa", "fileName":"红海滩景区智慧旅游20150423(云瑞).docx", "file":"/9j/4S/.... } ``` > 返回的数据格式必须是如下： ``` {errcode: "0",data:'....png',errmsg:'success'} ``` >dirCheckFun 函数说明 ~~~ dirCheckFun (dirArr) { if (dirArr.length <= 2) { // return { errcode: 1001, errmsg: '请删除此文件' } } return { errcode: 0, errmsg: '没有问题' } }, ~~~ >fileNameCheckFun 函数说明 ~~~ dirNameFun (dirArr, name) { let arr2 = name.split('-') if (arr2.length !== 4) { return { errcode: 1001, errmsg: '文件名称必须包含三个-' } } return { errcode: 0, errmsg: '没有问题' } } ~~~ > return { errcode: 1001,errmsg:'文件名不对', selfShow: true } > 如果errcode 是false 就不上传文件提示errmsg的错误信息，如果selfShow传递true 不提示信息，自己写提示代码 ***** 1. 修改成每次上传一个文件，成功后在上传第二次文件，如果失败了，等所有的图片都轮训一边后，可以再次点击批量上传，然后会从失败的地方继续上传。2020-4-21 制