neditor本地上傳圖片
阿新 • • 發佈:2018-12-27
與ue不同,他再ue的基礎上做了一層封裝,雖說開源,但能搜到的實在太少了,大多都是改ue底層的東西也確實沒有必要。其實做封裝的這個人有點懶了,只有圖片可以做一點簡單的修改可以完成本地上傳,尤其上傳視訊音訊等根本木有吖,沒有一點js基礎的人改這個東西還真有點懸。下面開始介紹圖片的上傳:
ne的自定義上傳介面在neditor.service.js中,其實這個檔案已經寫的非常詳細了,只需要做一點簡單的修改就可以實現本地上傳圖片功能:
/** * 自定義上傳介面 * 由於所有Neditor請求都通過editor物件的getActionUrl方法獲取上傳介面,可以直接通過複寫這個方法實現自定義上傳介面 * @param {String} action 匹配neditor.config.js中配置的xxxActionName * @returns 返回自定義的上傳介面 */ UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl; UE.Editor.prototype.getActionUrl = function(action) { /* 按config中的xxxActionName返回對應的介面地址 */ //自己專案的域名,每次訪問都是以這個為準 var addr = "http://localhost:9003/" if (action == 'uploadimage' || action == 'uploadscrawl' || action == 'uploadvideo') {//對應neditor.config.js的name名稱 return addr+'admin/base/neditorUpload'; } else { return this._bkGetActionUrl.call(this, action); } }
下圖為image自定義的方法,都在image.js中用到,可以仔細看看,上傳視訊時有大用處。
這樣就可以實現圖片上傳了,需要注意的是返回的引數名稱要對應上圖示記的位置,code成功要返回200
public int code;
public String msg;
public int size;
public Map<String,String> data;
public String url;