Ueditor 跨域上传文件问题

最新推荐文章于 2022-07-20 10:51:54 发布

weixin_33782386

最新推荐文章于 2022-07-20 10:51:54 发布

阅读量150

点赞数

CC 4.0 BY-SA版权

文章标签： json web.xml python

原文链接：https://my.oschina.net/northerSong/blog/523908

本文详细介绍了如何修改Ueditor单文件上传的DOMUtils代码，使其能够支持跨域上传，并提供了XMLHttpRequest跨域解决方案及SpringMvc配置示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

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

转载于:https://my.oschina.net/northerSong/blog/523908