关于使用百度编辑器(ueditor编辑器)跨域上传将图片上传到独立服务器的问题

来源:互联网 发布:兄弟连大数据课程大纲 编辑:程序博客网 时间:2024/06/09 21:01

最近公司要使用ueditor编辑器,但是关于跨域上传的问题,出现了很多不可预料的错误,一次次的调试,一个个的坑,现在终于完成了,把过程写下来分享给大家,希望大家支持,因为我在百度上查了很久,也没有找到一个合适的。

首先本地使用ueditor编辑器,这个自己百度,这里就不多说了,因为百度上有很多的教程,我这是直说百度上调通后,关于跨域将图片上传到独立服务器的过程。

第一步,我们需要在图片存放的服务器上部署一套ueditor编辑器的环境,关于怎么部署自己想办法,不是这里的重点,

第二步,页面中引用图片服务器的ueditor编辑器的js,

<script language="javascript" type="text/javascript" src="http://img.xin.cn/manage/js/ueditor/ueditor.config.js"></script><script language="javascript" type="text/javascript" src="http://img.xin.cn/manage/js/ueditor/ueditor.all.min.js"></script>
这里有几点需要注意

1.只能用http://img.xin.cn,记住只能用域名,不能用ip(即不能用http://192.168.0.1);

2.可以直接改host   即192.168.0.1  http://img.xin.cn,这样就能用域名了;

3.这样引用很可能会出现这种情况


这是我解决的方法:

(1).在 ueditor\dialogs\internal.js 加入 document.domain = '根域名';

(2).在当前页面同样指定根域名:

代码如下:

<script type="text/javascript">
    document.domain = "根域名";
</script>
可以参照http://www.jb51.net/article/38334.htm

这个网上很多的,自己找。

4.还有一点需要切记,调试时尽量多清除几次缓存,我就出现过这样的问题,

5.如果出现后端配置项没有正常加载等问题,请检查路径等问题。

6.有些项目中会对controller.jsp文件进行拦截,也有可能是对jsp文件进行拦截,根据不同的项目有不同的方法,这里无法给出统一的答案。


由于本人水平有限,文章中难免会出现一些疏忽,望批评指正,谢谢!




2 2