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

针对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); 
    } 
}
复制代码

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

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

转载于:https://juejin.im/post/5cd4f0df6fb9a0323e3ad711