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 協議》，轉載必須註明作者和本文連結