百度编辑器(ueditor)上传图片

629 阅读1分钟

针对react

1.首先到官网上下载对应的ueditor包(ueditor.baidu.com/website/dow…

2.将下载的包放在react项目中,可以放在public文件夹中

3.页面index.html中引入Ueditor,引用两个必须的Js文件:ueditor.config.js,ueditor.all.js

4.实例化ueditor

在componentDidMount里面加上下面这句话

option为当前配置:

option =  {       
    serverUrl: window.location.origin + "/bigdata/ueditor", // 服务器统一请求接口路径
}

5.改写图片上传地址(重点步骤)

window.UE.Editor.prototype._bkGetActionUrl = window.UE.Editor.prototype.getActionUrl;
window.UE.Editor.prototype.getActionUrl = function(action) { 
    if (action === 'upload/uploadimage') { 
        return window.location.origin + '/bigdata/' + action; 
    } else {                
        return this._bkGetActionUrl.call(this, action); 
    } 
}

以上只是几个重要的步骤,具体得根据你的项目来

最后大功告成就可以上传图片啦。