在google浏览器chrome下ueditor中图片上传框延时问题解决办法

ADMIN ueditor , 上传框延时 , chrome , google浏览器 2017-03-13 17:27:49 2040 次浏览 0条评论

QQ反馈群:1065433015

最近在做了一个上传图文文章的项目,用到了ueditor,使用版本是官方最新版本,在使用的过程中,我发现在chrome浏览器中,图片上传的弹框有很大的延迟,其他浏览器都正常。

在ueditor论坛和网上查资料中得到的解决方案是: 
修改: 

dialog/images/image.js 
把image/*修改为:
image/jepg,image/png.image/jpg

通上述2处修改,成功解决了单个图片上传框延迟的问题。但是没法解决多图上传框延迟的问题。

在找不到答案的情况下,只能慢慢的debug单步调试查看代码执行情况。后来发现:点击“多图上传”按钮会调用“ueditor\third-party\webuploader”下的webuploader.js或webuploader.min.js。

这里写图片描述
又结合通过审查元素发现,在“点击选择图片”按钮这里通过js动态生成了一个input type=file的标签,而且accept=”image/*”。然后,我在webuploader.js下找到了动态添加input type=file的代码。

把着试一试的心态,把这里的类型内容改为:image/jepg,image/png.image/jpg。属性浏览器,发现延迟问题解决了。 
注意:一般情况下,ue都是引用的webuploader.min.js,所以需要修改webuploader.min.js中的accept的值。 
这里写图片描述
修改webuploader.js不知道会不会出现其他问题,至少在我当前的项目中还没有出现问题,大家有什么问题,欢迎沟通。