百度Ueditor自定义上传请求地址

ueditor 1.4.2+ 推荐使用唯一的请求地址,通过GET参数action指定不同请求类型。 但很多用户都希望使用自己写好的上传地址,下面提供一种解决方法: 由于所有ueditor请求都通过editor对象的getActionUrl方法获取请求地址,可以直接通过复写这个方法实现,例子如下:

再引入文本编辑器的文件中添加如下代码:

1
2
3
4
5
6
7
8
9
10
11
12
<script>
UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
UE.Editor.prototype.getActionUrl = function(action) {
if (action == 'uploadimage' || action == 'uploadscrawl' || action == 'uploadimage') {
return 'http://a.b.com/upload.php';
} else if (action == 'uploadvideo') {
return 'http://a.b.com/video.php';
} else {
return this._bkGetActionUrl.call(this, action);
}
}
</script>

action类型以及说明

  • uploadimage:执行上传图片或截图的action名称
  • uploadscrawl:执行上传涂鸦的action名称
  • uploadvideo:执行上传视频的action名称
  • uploadfile:controller里,执行上传视频的action名称
  • catchimage:执行抓取远程图片的action名称
  • istimage:执行列出图片的action名称
  • listfile:执行列出文件的action名称

把上面的返回地址换成自己的controller地址或跨域地址就可以了,定义返回值的格式 由于ueditor是使用ajax的请求的,所以返回的格式是一个json串。格式如下:

1
2
3
4
5
6
7
8
{
"state": "SUCCESS",
"url": "upload/demo.jpg",
"title": "demo.jpg",
"original": "demo.jpg",
"type":".jpg",
"size" :"1024"
}

原文作者: dgb8901,yinxing

原文链接: https://www.itwork.club/2018/06/28/百度Ueditor自定义上传请求地址/

版权声明: 转载请注明出处

为您推荐

体验小程序「简易记账」

关注公众号「特想学英语」

几分钟撑握markdown语法