首页 > 代码库 > Web Uploader初始化隐藏容器失败及点击上传图片时反应较慢的问题
Web Uploader初始化隐藏容器失败及点击上传图片时反应较慢的问题
问题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初始化隐藏容器失败及点击上传图片时反应较慢的问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。