Vue 通用文件管理器 (基于 iView 开发)
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 协议》,转载必须注明作者和本文链接
访问不了了