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视频上传

猜你喜欢

转载自blog.csdn.net/qq_38529889/article/details/85262515