# layui-filemanage
**Repository Path**: nbnat/layui-filemanage
## Basic Information
- **Project Name**: layui-filemanage
- **Description**: layui扩展插件 文件管理
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 147
- **Forks**: 54
- **Created**: 2019-12-25
- **Last Updated**: 2025-08-14
## Categories & Tags
**Categories**: layui-components
**Tags**: None
## README
## layui扩展-图片管理
图片文件管理插件
支持远程图片显示
可配置默认文件类型图标
配置操作与layui-table类似;
更多功能请下载试用
## 使用示例
```
图库管理power by www.nbnat.com
```
## 基础参数
| 参数 | 类型 | 说明 | 示例 |
| ---- | ---------- | -------------------- | ------------ |
| elem | String/DOM | 容器的选择器或 | "#demo" |
| id | String | 设定容器唯一 id | test |
| url | - | 异步数据接口相关参数 | [详见异步接口](https://www.layui.com/doc/modules/table.html#async) |
| icon_url | String | 文件类型默认图标, | 'http://test.hd/filemanage/ico/' |
| btn_uplopd | Boolean | 是否显示上传按钮 | false |
| btn_create | Boolean | 是否显示新建文件夹按钮 | false |
| thumb | Array | 图片显示配置 | {'nopic':'100.jpg','width':100,'height':100} |
| page | Boolean/Object | 分页设置 | [详见分页接口](https://www.layui.com/doc/modules/laypage.html#options) |
| done | Function | 渲染完的回调 | 详见示例 |
## 基础方法
### 当前版本
```
fileManager.v;
```
### 重载
参数 ID 即为基础参数id对应的值，见：设定容器唯一ID
参数 options 即为各项基础参数
```
fileManager.reload('fmTest',{where:{'test':'reload'}});
```
## 事件监听
### 图片选择事件
- 详见示例
### 图片上传事件
- 详见示例
### 新建文件夹事件
- 详见示例