HTML5 input file 打开很慢的问题
来源:互联网 发布:php开发短信平台 编辑:程序博客网 时间:2024/06/09 16:56
开发中遇到了这样一个问题
我们在代码中使用了HTML5的input[file]标签去上传图片
<input type="file" name="file" class="element" accept="image/*">
同时,在上面代码中,使用了 accept=”image/*” 去过滤所有非图片的文件。
但是,在最新版本的chrome(52.0.2743.116 (64-bit))中,出现了一个很奇特的问题。
点击input之后,会有一定概率出现文件选择框弹出非常慢的问题,正常情况下,不到1S就能弹出文件选择框。但是慢的时候,可能达到7 ~ 10秒。
对属性进行逐一排查后,发现是accept=”image/*”的问题。
将accept=”image/*”改为指定的图片格式就不会出现上述的概率性问题,所以我将上传图片的过滤格式指定为了常用的几种格式
<input type="file" name="file" class="element" accept="image/jpg,image/jpeg,image/png">
当然,如果希望过滤所有的非图片格式,那么这个问题还是会存在。原因初步猜想是当设置accept=”image/*”时,浏览器会在弹出框中处理所有的非图片元素,包含所有的图片格式,如果文件较多会增加处理时间,而这个时候可能在这个版本的chrome中有bug(也许是底层没实现好),导致概率性时间增长。
原文出处:http://www.foreverpx.cn
转载请注明出处。
3 0
- HTML5 input file 打开很慢的问题
- HTML5 input file 打开很慢的问题
- input file 打开选择窗口很慢
- html5 input file 打开过慢
- 解决input[type=file]打开时慢、卡顿问题
- 解决input[type=file]打开时慢、卡顿问题
- input[file]标签的属性响应很慢的解决办法
- Android Doc打开很慢的问题
- HTML5的 input:file上传类型控制
- HTML5的 input:file上传类型控制
- HTML5的 input:file上传类型控制
- HTML5的 input:file上传类型控制
- HTML5的 input:file上传类型控制
- HTML5的 input:file上传类型控制
- HTML5的 input:file上传类型控制
- HTML5的 input:file上传类型控制
- HTML5的 input:file上传类型控制
- HTML5的 input:file上传类型控制
- Android绘图初步—Path
- java.lang.UnsupportedOperationException: Can't convert to dimension: type=0x10
- Android小項目之---時間線程應用(附源碼)
- 网游创业为什么会失败?
- 字符串包含问题
- HTML5 input file 打开很慢的问题
- yii2.0控制层操作分页增删
- CUDA 学习(二十)、优化策略5: 算法
- C++ 高质量编程附录试题
- spring boot @EnableAutoConfiguration 导致CNF问题
- mysql utf8mb4_unicode_ci utf8mb4_general_ci
- Java开发常见英文
- Servlet和JavaScript界面弹出提示框。
- iOS开发技巧大全