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

时间:2023-03-09 02:37:24
小解系列-解决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");
按照上述步骤,解决了。