使用Ueditor点击上传图片时显示延迟的问题

  最近在做一个项目,需要用到Ueditor,但是在点击上传图片的时候,总是隔了4-5秒才显示文件框

 

查了一些资料,最后发现,只需在

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

(2)

ueditor.all.js或ueditor.all.min.js中,找到accept=”image/*修改为:accept=”image/jepg,image/png.image/jpg”

修改上面两处即可。

修改上面两处后,但是多图上传却还是有延迟。

怎么解决里

在找不到答案的情况下,只能慢慢的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不知道会不会出现其他问题,至少在我当前的项目中还没有出现问题,大家有什么问题,欢迎沟通。

 

posted @ 2017-09-10 19:43  一直乱跑的熊  阅读(724)  评论(0编辑  收藏  举报