input 文件上传标签响应很慢问题解决
2017-05-23 14:30
976 查看
<input type="file" accept="image/*">当input的accept属性值为image/*时,谷歌下点击上传文件需要等几秒钟才会出现,ie下却没有这个问题。
经查找参考http://www.tuicool.com/articles/vYfYVnf , 发现是input的accept属性与Webkit浏览器引发的问题。解决方案为修改accept为指定类型:
<input type="file" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">再次测试仍出现文件选择框延迟出现的现象 , 经测试是由于 image/svg标签引起的, 去掉image/svg标签就可以了。
原因分析: 没搞懂 = = 。
最终方案:
<input type="file" accept="image/gif,image/jpeg,image/jpg,image/png">
相关文章推荐
- 解决微信内嵌浏览器无法响应<input type='file'>上传文件的思路
- 使用input type=file标签进行文件上传时,在安卓手机中的微信浏览器中不能调起相机,但是在苹果手机中的微信浏览器中可以调用相机。解决办法很简单, <input type="file" nam
- 解决<input type=“file” multiple> 多文件上传问题(可以多次选取文件,也可以一次选取多个文件),而且点击的是一个同一个div
- 解决JS(Vue)input[type='file'] change事件无法上传相同文件的问题
- [置顶]关于使用input type=file 标签上传文件的注意细节(上传文件 无法获取文件 问题)
- 解决Struts2中CKFinder上传图片等文件后没有响应(服务器上也没有)问题--某特殊情况
- 关于使用input type=file 标签上传文件的注意细节(上传文件 无法获取文件 问题)
- 真正解决jspSmartUpload组件上传下载文件时中文乱码问题!!!
- 解决firefox3.0,ie8 在上传文件时只能获得文件名,而不能获得文件路径的问题
- HttpClient上传文件到微信素材乱码问题解决
- 如何解决struts2中上传文件大小限制的问题
- 设置tomcat虚拟内存大小,解决上传数据量大的文件,报内存溢出的问题。
- 微信小程序常见问题->上传文件后如何在后台(php)获取文件名解决方法
- ASP.NET解决上传大文件问题的方法
- ueditor上传图片时目录创建失败的问题解决方法,不用那么麻烦,其实修改php/config.json这个配置文件里面的路径就行!!
- ASP.NET解决上传大文件问题
- 解决ajax XMLHttpRequest 跨域上传文件失败问题
- 【转载】解决Apache2+PHP上传文件大小限制的问题
- nginx的client_max_body_size解决nginx+php上传大文件的问题
- 怎么用asp解决上传音频视频文件问题