KindEditor3.5.5如何实现跨域上传!!!!

大漠边缘_ 发布于 2013/01/30 11:52
阅读 3K+
收藏 1

问题背景:

  公司最近在分离项目,把各种功能从一个项目中分解出来,做成以功能为中心的项目,让其他项目可以通过接口或者Url直接调用,我得到的任务是分离上传,也就是把上传功能做成一个单独的项目,其他的有上传功能的项目跨域调用,在解决了安全沙箱问题后,我倒在了富文本编辑器(KindEditor3.5.5)的图片上传上。

具体问题描述:

  我贴一段js初始化编辑器的代码:

  KE.init({    
  id : 'artminfo',
  resizeType : 1,
  langType : 'zh_CN',
  allowFileManager : true,
  allowUpload : true,
  imageUploadJson :'http://image.1.com/upload/upload.do',
  skinsPath : arturl+"/jsp/home/js/kindeditor-3.5.5-zh_CN/skins/",//指定编辑器的skins目录,skins目录存放风格的css文件和gif图片
  pluginsPath : arturl+"/jsp/home/js/kindeditor-3.5.5-zh_CN/plugins/",//指定编辑器的plugins目录
  resizeMode : 0,//2或1或0,2时可以拖动改变宽度和高度,1时只能改变高度,0时不能拖动
  filterMode : true,//true时过滤HTML代码,false时允许输入任何代码
  items : [
   'wizzardview','fullscreen', '|','fontname', 'fontsize', '|', 'textcolor', 'bgcolor', 'bold', 'italic', 'underline',
   'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
   'insertunorderedlist', '|', 'emoticons', 'image', 'link']
  });

  红色背景的代码是跨域上传的url地址,图片能够正常的上传到服务器,但是返回的时候出问题了,返回的json代码是

  {"error":0,"url":"http://192.168.1.205:8080/temporary/wizzardimg/2013/01/30/383df7ad-2239-456c-9e10-df5faf8c4c14_websmall.jpg"}

  
上传图片后返回服务器故障

  调用服务器的域名是www.1.com,上传服务器的域名是image.1.com,通过测试发现www.1.com中的上传返回的json代码与image.1.com服务器返回的一模一样,造成服务器故障我猜测应该是跨域的问题,无法正确接收返回值,请高手帮忙!

加载中
0
红薯
红薯
跨域支持是浏览器本身的限制哦。
红薯
红薯
回复 @光头程序员 : 你是妹子啊,观察那么仔细?
0
dedenj
dedenj
2步走,先本地,再异地。写个httpserver,看看微博的传递方式。
0
leo108
leo108
如果是跨域问题应该是没有返回值的,有返回值 但是错误说明是接收端的逻辑问题
0
Roddy
Roddy

HTTP服务器做个rewrite吧

访问 

http://www.1.com/image-upload/upload.do

就指向到

http://image.1.com/upload/upload.do

0
大漠边缘_
大漠边缘_
我只之所以走Image.1.com这个服务器是因为他可以把文件直接传到这个服务器的临时目录里,如果先走我自己www.1.com服务器,在指向image.1.com,就没有意义了!不过还是很感谢大家!
0
大漠边缘_
大漠边缘_
我自己提的问题,自己回答吧,由于iframe不支持跨域,跨域的返回值本编辑器无法解析,所以被捕获了异常,解决方案就是自己自定义插件,自己写插件的功能,把上传做完后,把返回的字符串让在编辑器的光标处,我目前为止,我还在实现,尚未成功,希望可以帮到哪些想实现跨域传图片的朋友们!!!!!
0
pjx2013
pjx2013
加载个swfupload之类的flash上传,在服务器配置一个/crossdomain.xml 就可以了,干吗老是要挑战高难度动作。
0
大漠边缘_
大漠边缘_
这个是富文本编辑器里边的上传,其他的跨域上传我都搞定了,就差这个了,现在的做法就是,自己定义一个插件,自己单独写上传,上传成功后把地址贴到编辑器里!
0
ImhereImhere
ImhereImhere

你好,怎么解决的iframe跨域上传

返回顶部
顶部