## 7.2.1.快速使用 :id=start
```javascript
layui.use(['fileChoose'], function () {
var fileChoose = layui.fileChoose;
fileChoose.open({
fileUrl: '', // 文件查看的url
listUrl: '../template/file/files.json', // 文件列表的url
where: {
access_token: 'xxxxxx'
},
num: 3, // 最多選擇數量
dialog: {
offset: '60px'
},
onChoose: function (urls) {
layer.msg('你選擇了:' + JSON.stringify(urls), {icon: 1});
}
});
});
```
## 7.2.2.全部參數 :id=options
參數 | 描述 | 默認值
--- | --- | ---
fileUrl | 文件查看的url |
listUrl | 文件列表的url |
where | 文件列表請求參數 | {}
num | 文件選擇的數量 | 1
onChoose | 選擇后回調 |
upload | 文件上傳配置(同layui配置) | {}
dialog | 彈窗配置(同layui配置) | {}
menu | 點擊彈出的菜單 | 數組類型
menuClick | 菜單點擊事件處理 |
response | 接口數據格式化 |
**菜單配置及點擊事件:**
```javascript
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點擊事件名稱
**接口數據格式化:**
```javascript
fileChoose.open({
response: {
method: 'get', // 請求方式
code: 0, // 成功碼,默認200
name: 'name', // 文件名稱字段名稱
url: 'url', // 文件url字段名稱
smUrl: 'smUrl', // 文件縮略圖字段名稱
isDir: 'isDir', // 是否是文件夾字段名稱,boolean類型
dir: 'dir' // 當前文件夾參數名稱
}
});
```
接口數據返回的格式需要為:
```json
{
"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參數格式化:
```javascript
fileChoose.open({
response: {
parseData: function(res){
return {
code: res.status,
msg: res.message,
data: res.list
}
}
}
});
```
 如果是文件夾,點擊文件夾會重新請求接口,并且傳遞文件夾的名稱,傳遞的字段名稱可以通過response.dir修改。
 不同文件顯示不同的圖標是前端根據文件url的后綴名稱來判斷的,在之前版本是服務器根據文件的content-type判斷的。
