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

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

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

先上图

1.form里正常的数据结构

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

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

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

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

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

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

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

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

原本的代码是:

修改后代码如下:

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

贴上代码:

if (pre) {
	str = pre.innerHTML;
} else {
	divObject = doc.body.getElementsByTagName("div");	//获取多出来的div标签
	for(var i=0; i

这样就可以了。

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

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

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

你可能感兴趣的:(插件,-,HTML)