Ueditor 跨域上传文件问题

Ueditor官网上明确指出单文件上传不支持跨域,请小伙伴发挥想象力!

看了下ueditor.all.js源码,上传单文件使用的是iframe实现的。不能跨域。于是改了这部分

domUtils.on(input, 'change', function()这个地方的代码。这地方是上传文件后执行的代码。把iframe那套改下就行。
var fd = new FormData();
fd.append("fileToUpload", input.files[0]);

var xhr = false;
try{
	xhr=new XMLHttpRequest();// 创建 XMLHttpRequest对象,IE可能不行
}catch(e){	  
	xhr=ActiveXobject("Msxml12.XMLHTTP");// FOR IE
}

xhr.onreadystatechange = function(e) {
	  if (xhr.readyState == 4) {
		  if (xhr.status == 200) {
			var responseText = xhr.responseText;
			json = (new Function("return " + responseText))();
			link = "http://static.xxxxx.com/fileupload" + json.filesDetail[0].savePath;
			if(json.success && json.filesDetail[0].savePath) {
				loader = me.document.getElementById(loadingId);
				loader.setAttribute('src', link);
				loader.setAttribute('_src', link);
				loader.setAttribute('title', json.filesDetail[0].saveFile || '');
				loader.setAttribute('alt', json.filesDetail[0].uploadName || '');
				loader.removeAttribute('id');
				domUtils.removeClasses(loader, 'loadingclass');
			} else {
				showErrorLoader && showErrorLoader(json.failReason);
			}
		  } else {
			  showErrorLoader && showErrorLoader("上传失败");		
		  }
		  form.reset();
	  }
  };
xhr.open("POST", "http://static.xxxxxx.cc/file/upload");
xhr.send(fd);
//这种修改是直接把上传的连接和返回的json格式直接写死了(我们用的上传项目返回的json格式与ueditor不一样)。这个仅供参考,建议上传的url可以用重写getActionUrl方法实现(忘了叫什么名字,那个方法),地址前缀在ueditor的配置文件中配置即可。

XMLHttpRequest 新版本的是支持跨域的。不过这个需要你服务器端做些配置。例如springMvc需要在web.xml中org.springframework.web.servlet.DispatcherServlet加入

<init-param>  
    <param-name>dispatchOptionsRequest</param-name>  
    <param-value>true</param-value>  
</init-param>

详情可以参考http://my.oschina.net/northerSong/blog/473227


你可能感兴趣的:(Ueditor 跨域上传文件问题)