1. 程式人生 > >Ueditor結合七牛雲存儲上傳圖片、附件和圖片在線管理的實現和最新更新

Ueditor結合七牛雲存儲上傳圖片、附件和圖片在線管理的實現和最新更新

1.4 star json serve 列出文件 教程 開發 存儲服務器 name

最新下載地址:

https://github.com/widuu/qiniu_ueditor_1.4.3

Ueditor七牛雲存儲版本

註意事項 老版本請查看 : https://github.com/widuu/qiniu_ueditor_1.4.3/tree/v1.0.0

關於地址報錯

請修改 php/config.json 中的 uploadQiniuUrlChunkUploadQiniuUrl 參數,因為最近反饋地區錯誤報錯比較多,舉個簡單的例子華南地區修改如下

"uploadQiniuUrl"     : "http://up-z2.qiniu.com/", /* 七牛上傳地址 */
"ChunkUploadQiniuUrl": "http://up-z2.qiniu.com", /* 分片上傳創建的host地址 */

具體地區的上傳URL請查看七牛官方存儲區域,地址:https://developer.qiniu.com/kodo/manual/1671/region-endpoint

新版本說明

註意:新版本不兼容老版本,網上整合教程現在最多的是老版本,如果查看的是網站教程請點擊老版本地址來下載老版本

新增

  • 采用Ueditor官方最新版本【1.4.3.3】版本
  • 重構了上傳方法,可以隨意切換本地上傳和上傳到七牛
  • 增加了文件刪除方法,可以自由刪除文件
  • 支持二次開發,添加其它的上傳方式如 aliyun OSS
  • 通過七牛 fetch 功能來抓取遠程圖片
  • 新增上傳模式,[直傳|服務器上傳],服務器上傳是通過上傳到服務器的臨時文件再上傳到七牛
  • 大視頻分片上傳到七牛[2017/7/17]

修復

  • 修復同時上傳不同文件夾同名稱文件丟失問題,修復多文件同時上傳丟失問題
  • 使用 fetch 方法來抓取遠程圖片
  • 修復老版本在線管理限定的1000個文件列表
  • 列表分頁通過七牛傳輸的 marker 來進行查找分頁

配置

配置兩個文件,一個是 php 的配置文件 config.phpUeditor 的配置文件 config.json ,默認的配置文件都在 php目錄下。

本地上傳配置

修改 config.php

‘upload_type‘ => ‘local‘,  // local 是上傳到本地服務器
‘orderby‘     => ‘asc‘,    // 可選項 [desc|asc]列出文件的排序方式,此配置僅支持本地服務器
‘root_path‘	  => $_SERVER[‘DOCUMENT_ROOT‘],  // 本地上傳的根目錄地址

修改 config.json

"uploadType" : "local", /* qiniu|local 【qiniu】七牛雲存儲 【local】本地上傳*/

上傳文件名稱和保存路徑可修改 config.json 中的配置信息,按照官網的配置就可以

上傳到七牛雲存儲

修改 config.php

‘upload_type‘ => ‘qiniu‘,    // qiniu 上傳到七牛雲存儲服務器
/* 七牛雲存儲信息配置 */
‘bucket‘      => ‘gitwiduu‘, // 七牛Bucket的名稱
‘host‘        => ‘http://gitwiduu.u.qiniudn.com‘, // 七牛綁定的域名
‘access_key‘  => ‘KUN6xYZlOAtid2MjHm90-6VFY2M7HC90ijDH4uOR‘, // 七牛的access_key
‘secret_key‘  => ‘D-K57TE5hPe3krexftxLWFKmL2xbQEKA-mtkrUfB‘, // 七牛的secret_key

/* 上傳配置 */
‘timeout‘     => ‘3600‘,  // 上傳時間
‘save_type‘   => ‘date‘,  // 保存類型

/* 水印設置 */
‘use_water‘   => false,  // 是否開啟水印
/* 七牛水印圖片地址 */
‘water_url‘   => ‘http://gitwiduu.u.qiniudn.com/ueditor-bg.png‘,

/* 水印顯示設置 */ 
‘dissolve‘    => 50,  // 水印透明度
‘gravity‘	  => ‘SouthEast‘,  // 水印位置具體見文檔圖片說明和選項
‘dx‘		  => 10,  //邊距橫向位置
‘dy‘		  => 10   //邊距縱向位置

修改 config.json

/* 七牛雲存儲配置start */
"uploadType" 	   : "qiniu",  /*  [qiniu]七牛雲存儲 */
"qiniuUploadType"  : "url",    /*  [url|php] url 通過URL直傳,根據token來判斷返回地址, php 通過php文件方式傳輸 */
"uploadQiniuUrl"   : "http://upload.qiniu.com/", /* 七牛上傳地址 */
"qiniuUploadPath"  : "uploads/",   /* 七牛上傳的前綴 */
"qiniuDatePath"    : "mmdd",       /* 自定義文件夾後的時間例如 uploads/0712 留空uploads/, 格式 yyyy == 2017 yy == 17 mm 月份 07 dd 日期 12 */
"uploadSaveType"   : "date",       /* 保存文件的名稱類型 */
"getTokenActionName" : "getToken", /* 獲取 Token 的方法 */

大視頻分片上傳

修改 config.json

"VideoBlockFileSize" : 4194304,  /* 視頻塊大小,是每塊4MB,所以這個不用修改 */
"VideoChunkFileSize" : 2097152,  /* 視頻上傳分塊大小,建議是整數倍防止出錯,列如1048576(1MB),524288(512KB)默認是2MB */
"VideoChunkMaxSize"  : 10485760, /* 視頻文件超過多大來進行分片上傳,現在默認是10MB */
"ChunkUploadQiniuUrl": "http://upload.qiniu.com", /* 分塊上傳的首塊上傳域名為:上傳到華東一區的域名為up.qiniu.com、up-z0.qiniu.com和upload.qiniu.com;上傳到華北一區的域名為up-z1.qiniu.com和upload-z1.qiniu.com */
"makeFileActionName" : "makeFile",  /* 合成文件的url方法 */

技術支持

郵箱 : [email protected]


Ueditor結合七牛雲存儲上傳圖片、附件和圖片在線管理的實現和最新更新