Chrome浏览器点击 input file上传按钮时延迟3-5秒的解决方法

最新推荐文章于 2021-12-23 15:14:57 发布
最新推荐文章于 2021-12-23 15:14:57 发布
阅读量582 收藏
点赞数
文章标签： 测试
原文链接：https://yq.aliyun.com/articles/496835
版权

1.  Google chrome 浏览器在52版本之后出现一个bug，就是点击 input file上传按钮时反应很慢，需要等待3-5秒种之后才能弹出选择文件的对话框。比如


wKioL1l24cKhLTrLAAC7GaZAOEw489.jpg



windows里可能是这样：



wKiom1l24cOjxqVCAAF9DO1aq8E337.jpg



MAC里可能是这样：




wKiom1l24cSiapEVAAIdtatNm90213.jpg




     本文转自phpervip 51CTO博客，原文链接：http://blog.51cto.com/phpervip/1950778，如需转载请自行联系原作者




快速解决input[type=file]打开时慢、卡顿的问题
12-13
为什么在input标签类型为file上传文件时在标签中设置属性 accpet="image/*"，打开本地文件夹的速度特别慢？ 经过测试发现，在mac里面safari、Firefox、Chrome(opera不知道为啥老闪退)都没有卡顿问题 在windows里面，Firefox不卡顿，只有Chrome卡顿。 于是我决定先去掉accpet试试…… 果然就没有了卡顿的问题。 那么本包在试试accpet="image/jpg"果然也不卡卡的了！！ 看来问题的所在就是"image/*" 但是写accpet的原意是要想要筛选出所有图片_(:з」∠)_ 那么为了实现这个需求，同时提高用户体验，只能采取枚举
解决input[type=file]打开时慢、卡顿问题
weixin_33812433的博客
07-28 562
昨天临下班测试给我问我为什么图片上传插件打开文件夹的速度这么慢，让我想办法优化一下然后我就努力的搞了起来_(:з」∠)_ 由于我们内部系统不兼容ie，所以我就没有管ie，在浏览器里面玩了起来 经过测试发现，在mac里面safari、Firefox、Chrome(opera不知道为啥老闪退)都没有卡顿问题 在windows里面，Firefo...
input file上传按钮反应慢的解决方法
沉迷学习 日渐消瘦
08-16 2749
点击上传按钮后，选择文件弹窗要好几秒才能出现 原因一：文件后缀验证 解决方法：将可接受的值填写完整，这样就减少了使用通配符时的查找事件 原因二：在chrome浏览器下反应慢的原因是因为chrome浏览器为了保障用户的安全，会将用户选择的文件信息发送到google验证，所以只要在设置中关闭改验证就ok
Google Chrome浏览器点击 input file上传按钮时延迟3-5秒
js_admin的博客
08-15 1889
Google chrome 浏览器在52版本之后出现一个bug，就是点击 input file上传按钮时反应很慢，需要等待3-5秒种之后才能弹出选择文件的对话框。比如 改为 问题解决； 但是还要支持zip、rar、pdf呢！再改成： 不幸的是延迟弹出的bug再次出现。 新版chrome在点击input file时，如果你仅仅上传图片，chrome是不会检查这些图片是否有危
chrome浏览器上传文件延迟_解决谷歌Chrome浏览器上传图片反应慢的办法
weixin_30015183的博客
01-17 3352
谷歌chrome浏览器本来非常好用，但是可能有的人在更新版本或重装电脑后，用着用着突然发现上传图片或文件的时候居然直接卡死!只能强制关闭后用ie上传，为此笔者也一度很苦恼。笔者在网上搜索答案后，并没有得到有效的帮助，大多是禁止GPU加速停用flash或重装版本等解决办法，于是笔者在一些答案的启发下偶然发现了根本问题，小编一直坚持用谷歌Chrome浏览器，不是因为别的，就是干净纯洁，不想国内改的ch...
input file上传文件样式支持html5的浏览器解决方案
12-13
最近在使用画布处理图像像素时用到了file上传控件，发现了file上传控件的两个兼容性问题。一个是file上传控件在火狐下无法通过css改变width，另一个是file上传控件在不同的浏览器下的外观和行为都不一样。 下面是...
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
01-18
一、vue中解决chrome浏览器自动播放音频 需求 有新订单的时候，页面自动语音提示和弹出提示框； 问题 chrome浏览器在18年4月起，就在桌面浏览器全面禁止了音视频的自动播放功能。严格地来说，是Chrome不允许在用户对...
解决chrome浏览器中input背景透明问题
09-25
本文给大家分享的是chrome浏览器中hack解决input:-webkit-autofill自定义样式的方法，就是如何在chrome浏览器中将input的背景设置成透明，方法非常简单，这里推荐给大家。
Chrome浏览器主页篡改解决方法
06-21
Chrome浏览器主页篡改解决方法
解决-最新版Google谷歌浏览器谷歌浏览器Chrome一上传或者下载附件图片就未响应卡死
hjgjvh8654的博客
08-31 1万+
最近在使用谷歌浏览器上传或者下载是总是卡死无响应，在网上找了很久，有很多教程，有的说是权限问题，有的说是插件问题，但所有的方法几乎都式遍了，还是没能解决我这边的问题，最后在贴吧里有高手指点，将搜狗输入法切换到纯英文输入法试试，竟然解决了！原来一直是都够输入法搞鬼！如果解决了您的问题，回复或者给个赞支持一下，谢谢！ 原文链接：http://www.kaolaoisland.com/thread-1...
上传文件超时问题
吕建奎的专栏
10-17 1万+
在上传文件过程中由于网速比较慢可能会屡次出现下列问题:          org.apache.commons.fileupload.FileUploadBase$IOFileUploadException: Processing of multipart/form-data request failed. Read timed out    很明显，出现这种问题的原因是读取文件超时，解决方法是
记录使用bootstrap-fileinput插件遇到的问题
LiuQjie的博客
12-23 2443
前言 1、传额外参数 uploadExtraData：初始化时只能获取表单赋值数据，未赋值或修改的数据无法获取，所以需要用一个回掉函数 2、去除按钮 layoutTemplates：{ actionUpload: ''//去除上传预览缩略图中的上传按钮 close: ''//去除右上角X 清空文件按钮 //其它按钮去除，请查看源码中的【layoutTemplates】 } 3、上传成功后调用移除按钮 $(".fileinput-remove-button").click(); 4、实.
使用bootstrap file input大批量上传文件时通过控制上传速度避免服务器压力过大
YouWong BLOG
12-22 1888
//这是fileinput中的原处理方式(在fileinput.js中upload方法第3090行) for (i = 0; i < len; i++) { if (self.filestack[i] !== undefined) { self._uploadSingle(i,
富文本编辑器安装使用
qq_48285745的博客
09-25 948
富文本编辑器 新富文本使用 1.npm install wangeditor 2.在main.js 全局引入 富文本组件 //全局引入新富文本 import editorBar from “@/components/wangEnduit”; Vue.component(‘editorBar’, editorBar) 下图为示例 3.页面引用 <editor-bar v-model=“EidtAccountForm.cont...
扒一扒使用boostrap-fileinput上传插件遇到的坑，Bootstrap-fileinput上传插件的使用详解，
热门推荐
zlb_lover的博客
08-01 8万+
由于公司项目的需求，需要实现动植物名录的添加，包括姓名等信息和图片等，需要使用bootstrap-fileinput的上传插件，在提交添加界面表单数据的同时上传一张或者多张图片，并将上传的图片保存到本地磁盘中(本文是f:盘的目录下)，在在实现的时候，不适用bootstrap-fileinput上传插件本身的上传按钮（因为本身的按钮只能上传图片），需要点击提交，将表单的其他信息和图片一起提交到后台。
关于使用bootstrap-fileinput上传文件进度一直为上传中的问题
gfzdgd的博客
07-22 1053
因为第一次使用bootstrap-fileinput进行文件上传，找了很久都没有发现文件上传进度一直为上传中的问题，无奈之下只能去官网查看文档才发现文件上传后服务器必须返回一个json对象 官方文档地址 ...
使用Bootstrap FileInput遇到的坑
来啊 快活啊
07-26 1万+
遇到两个问题，不知道是不是坑。 1.uploadURL $.fn.fileinput = function (option) { if (!hasFileAPISupport() && !isIE(9)) { return; } var args = Array.apply(null, arguments), retvals
解决安装Kibana时Chrome-win.zip错误的方法
在提及的错误解决方法中，暗示了Kibana在某些操作系统上（如MacOS）可能依赖于特定的Chrome组件，这可能是由于Kibana内部某些JavaScript API或浏览器兼容性问题导致的。将chrome-win.zip文件放置在.chromium隐藏...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值