🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 全部参数 ## 7.6.2.全部参数 | 参数 | 描述 | 默认值 | | --- | --- | --- | | fileUrl | 文件查看的url | | | listUrl | 文件列表的url | | | where | 文件列表请求参数 | {} | | num | 文件选择的数量 | 1 | | onChoose | 选择后回调 | | | upload | 文件上传配置(同layui配置) | {} | | dialog | 弹窗配置(同layui配置) | {} | | menu | 点击弹出的菜单 | 数组类型 | | menuClick | 菜单点击事件处理 | | | response | 接口数据格式化 | | 菜单配置及点击事件: ~~~ fileChoose.open({ menu: [{ name: '预览', event: 'preview' }, { name: '复制', event: 'copy' }, { name: '<span style="color: red;">删除</span>', event: 'del' }], menuClick: function(event, item) { // event 事件名称 // item 当前数据 } }); ~~~ name菜单项名称,event点击事件名称 接口数据格式化: ~~~ fileChoose.open({ response: { method: 'get', // 请求方式 code: 0, // 成功码,默认200 name: 'name', // 文件名称字段名称 url: 'url', // 文件url字段名称 smUrl: 'smUrl', // 文件缩略图字段名称 isDir: 'isDir', // 是否是文件夹字段名称,boolean类型 dir: 'dir' // 当前文件夹参数名称 } }); ~~~ 接口数据返回的格式需要为: ~~~ { "code": 200, "msg": "请求成功", "data": [ { "name": "图片一", "url": "2019/07/11/001.png", "smUrl": "sm/2019/07/11/001.png", "isDir": false } ] } ~~~ code、msg、data是必须按这个名字的,name、url、smUrl、isDir这几个字段的名称可以通过response参数配置,也可以加其他字段, 比如id、create\_time等,这些字段会在菜单点击事件和选择回调事件中返回。 如果你的接口返回的数据不是code、msg,是其他的,比如status、message,可以使用parseData参数格式化: ~~~ fileChoose.open({ response: { parseData: function(res){ return { code: res.status, msg: res.message, data: res.list } } } }); ~~~ 如果是文件夹,点击文件夹会重新请求接口,并且传递文件夹的名称,传递的字段名称可以通过response.dir修改。 上传文件上传成功后默认会进入到当前日期生成的dir下面,你可以后端上传成功的接口返回dir指定上传成功后要进入的dir, 也可以把上传前端传递的dir原封不动的返回: ~~~ {"code": 200,"msg": "上传成功", "dir": "/2020/0516"} ~~~ 不同文件显示不同的图标是前端根据文件url的后缀名称来判断的,在之前版本是服务器根据文件的content-type判断的。 ![](https://s2.ax1x.com/2019/08/29/mLIkon.png)