Web Uploader初始化隐藏容器失败及点击上传图片时反应较慢的问题

2021-06-10 01:01

阅读：373

标签：web .com 解决 pes display tle title 扫描文件选择

问题1：在一个页面集成一个或者多个文件上传插件，初始化时有些DOM容器是隐藏的，这时候经常会出现初始化失败的情况，虽然按钮样式改变了，但是点击就是没反应（有时候不经意点了哪个地方，或许会出现文件选择框），仔细看了一下，发现了问题所在，如下图：

技术分享

实例化的时候，会在初始选定的选择按钮上生成一层“label”遮罩层，点击事件也是绑定在label上，但如果实例化时，指定的DOM是隐藏的（display：none）话，只能生成1x1的遮罩，而点击事件依然绑定在label上，始终点击不到，当然也就没反应了。

　　解决办法：既然是隐藏DOM，必然会有触发显示的操作，比如点击按钮控制显隐，这个时候可以用uploader的refresh（）方法，uploader.refresh();问题就解决了。

问题2：上传图片时，点击选择按钮之后，要停个几秒钟才会出现文件选择框。

　　解决办法：

accept: {
            title: ‘Images‘,
            extensions: ‘jpg‘,
            mimeTypes: ‘image/*‘
        }

　　这时虽然限制只接受图片，但扫描文件时仍会全部扫描，自然是慢的不行，改下代码：

accept: {
            title: ‘Images‘,
            extensions: ‘jpg‘,
             mimeTypes: ‘image/jpg‘    //修改此处
        }

　　这时就会选择性的扫描文件，只扫描你设置的类型，速度自然就快了。

Web Uploader初始化隐藏容器失败及点击上传图片时反应较慢的问题

标签：web .com 解决 pes display tle title 扫描文件选择

原文地址：http://www.cnblogs.com/kakayang/p/7297932.html

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：Web Uploader初始化隐藏容器失败及点击上传图片时反应较慢的问题
文章链接：http://soscw.com/essay/92914.html

亲，登录后才可以留言！