1. 程式人生 > >neditor本地上傳圖片

neditor本地上傳圖片

與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;

在這裡插入圖片描述

下一篇neditor視訊上傳