小解系列-解决WebUploader在谷歌浏览器下弹出框打开慢,在Bootstrap模态框内部多次点击才能触发的问题

WebUploader百度前端团队开源的上传组件,用起来感觉真心不错的,标题的两个问题是我实际使用过程中遇到的问题,经过百度和谷歌查到解决方案,

特分享一下,以供遇到此问题的童靴。

  • 谷歌浏览器弹出框打开过慢

可以修改上传文件类型mimeTypes,如果是上传图片的话默认的是image/*,修改成image/jpg,image/jpeg,image/png,即更具体文件类型,减少

搜索的时间。

  • 在Bootstrap模态框内部多次点击才能触发的问题

流程按照下面可解决:target为模态框的jquery对象

  1. target.on(\'show.bs.modal\', function () { target.removeClass("webuploader-element-invisible"); });
  2. target.css(\'display\', \'block\');
  3. target.addClass("webuploader-element-invisible");
  4. target.modal("show");

按照上述步骤,解决了。