针对react
1.首先到官网上下载对应的ueditor包(/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); } }复制代码
以上只是几个重要的步骤,具体得根据你的项目来
最后大功告成就可以上传图片啦。