Vue 通用檔案管理器 (基於 iView 開發)

未定義發表於2019-02-18
VueView

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

  1. 多檔案型別適配
    txt,etc.
本作品採用《CC 協議》，轉載必須註明作者和本文連結
Be the one you want to be.

相關文章