KindEditor上传单个图片成功，页面却提示失败 —— 在Chrome新版本中不兼容的解决方案

不得不说，这个所谓的不兼容，就是Chrome浏览器搞的鬼啊

我也不知道是我机子上的Chrome浏览器配置有问题还是怎么回事，总之记录下来，大家可以看看你们是不是也遇到了一样的问题

先上图

1.form里正常的数据结构

2.form里被Chrome浏览器加工过的数据结构

看清楚了吧，body里多了一个Chrome浏览器嵌入的div

这个div啊，我刚开始是怎么想都没想到会多出这么个div

然后上传就失败了，如下图

好了，问题清楚了，现在说说解决方案

多了div元素，咱就把它移除掉

找到 KUploadButton 的继承方法，在里面的submit方法内的获取上传图片的服务器回复的操作里下手

具体在KindEditor-all.js文件里是在第4192行的 if 判断里

原本的代码是：

修改后代码如下：

贴上代码：

if (pre) {
	str = pre.innerHTML;
} else {
	divObject = doc.body.getElementsByTagName("div");	//获取多出来的div标签
	for(var i=0; i<divObject.length; i++){
		var ele = divObject[i];
		ele.parentNode.removeChild(ele);	//移除多出来的标签
	}
	str = doc.body.innerHTML;
}

这样就可以了。

补充：网上也有人说他们遇到的是一个类型转换的问题，这里也把他们的解决方案贴出来供大家参考。

原因在于 kindeditor 的 K.json 方法并没有做强制类型转换，而位于 kindeditor-all.js 方法第7948行处的判断做了原型校验，导致了该问题的发生，修改源代码解决。