Vue 通用文件管理器 (基于 iView 开发)
3040 / 1 / 创建于 5年前 /
未定义 的个人博客
xayah
Vue 通用文件管理器
rakan 配套UI 稳定版本 2.0.6
快速预览
安装
npm install xayah使用说明
类 CKFinder 通用文件管理器,更多使用详情请参考 Github 说明.
属性
| name | type | required | default | memo |
|---|---|---|---|---|
| value | array | true | [] | 可以使用 v-model 双向绑定数据 |
| urls.index | string | true | '' | 获取文件 |
| urls.upload | string | true | '' | 上传地址 |
| urls.create | string | true | '' | 创建目录 |
| urls.check | string | true | '' | 检查文件唯一 |
| urls.policy | string | true | '' | 获取上传策略 |
| urls.delete | string | true | '' | 删除文件或目录 |
| urls.return | string | true | '' | 本地回调地址 |
| id | string | false | null | Dom ID |
| max | int | false | 1 | 限制插入图片数量 |
| type | string | false | 'object' | 默认返回类型 |
| config.random | string | false | false | 使用随机文件名 |
| config.size | int | false | 0 | 限制上传文件大小 |
| config.format | array | false | ['jpg','png','jpeg'] | 限制上传文件格式 |
| config.style | string | false | '' | 图片格式化 示例: ?x-oss-process=style/thumb |
| config.key | string | false | 'id' | 兼容 MongoDB |
| config.gateway | string | false | 'oss' | 多网关 |
| config.formatValue | function | false | 详见代码 | 格式化 value 值 |
| config.formatReturn | function | false | 详见代码 | 格式化返回值 |
事件
| name | return | memo |
|---|---|---|
| callback | 形如:[{url:'//demo.oss.com/demo.jpg'}] | 返回选中的图片 |
配套后台
博客：Laravel 文件系统扩展（支持 OSS+ 七牛）
https://github.com/TELstatic/rakan
GITHUB
https://github.com/TELstatic/xayah
线上DEMO
https://github.com/TELstatic/RakanDemo
http://rakan.static.ink/home
TODO
- 多文件类型适配
txt,etc.
本作品采用《CC 协议》，转载必须注明作者和本文链接
关于 LearnKu
粤公网安备 44030502004330号
推荐文章：