input file 打开选择窗口很慢

最新推荐文章于 2025-04-20 21:24:51 发布

疯狂的亮坨坨

最新推荐文章于 2025-04-20 21:24:51 发布

阅读量1.2k

点赞数 2

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/qq_28027903/article/details/75007347

编程专栏收录该内容

15 篇文章

订阅专栏

在实际开发中遇到 input file 打开选择窗口特别慢（5-10s）

之后见过测试是使用通配符的问题（*）

<input type="file" name="file" accept="image/*">
<input type="file" name="file" accept="image/jpg">

经过对比使用通配符速度为5-10s可能会更久（简直不能忍），
使用固定格式时长一般在0.5-2s。

使用其他文件类型同理：accept="video/mp4,video/rmvb"

经过测试只要是使用Webkit内核的浏览器都会出现窗口延迟的问题

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

疯狂的亮坨坨

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

SQL Server跟踪（Trace)--慢查询跟踪跟踪日志

橙-极纪元-JJYCheng

03-23

1682

SQL Server跟踪（Trace)--慢查询跟踪跟踪日志

python的选择结构教学设计_python选择结构

weixin_39842617的博客

11-29

1405

广告关闭腾讯云11.11云上盛惠，精选热门产品助力上云，云服务器首年88元起，买的越多返的越多，最高返5000元！以百分制成绩转换为字母等级成绩为例，简单介绍一下python选择结构需要注意的事项。 1、缩进必须要正确在python代码中，缩进是非常重要的。如果缩进不正确，会导致语法错误无法运行，也可能会导致逻辑错误得到错误结果。在嵌套的结构中，很容易出现这种情况。当然，也有极个别情况，虽...

参与评论您还未登录，请先登录后发表或查看评论

input 选择文件很慢

diandiyi2548的博客

08-25

217

accept="image/*" 修改为下面的写法<input type="file" name="image" accpet="image/gif,image/png,image/jpeg,image/jpg,image/bmp" /> 原来是因为Chrome的SafeBrowsing功能会在上传或保存时检查文件，如果网络连接到google的速度比较快呢，...

type为file的input控件文件上传打开缓慢

liangxhblog的博客

03-09

761

做浏览器适配时，发现58版本的谷歌浏览器会上传文件打开很慢，但其他的不会，通过原因排查，发现是因为：accpect = "vodeo/*"造成的，应该写成具体的格式，即accpect = ".mp4,.mov"等...

前端优化实践：解决文件选择窗口响应慢与二次触发问题

04-20

1万+

避免使用：改用透明覆盖层提升渲染性能。优化事件冒泡：防止重复触发文件选择。调整DOM层级：确保文件输入框正确覆盖点击区域。这些优化方法不仅适用于当前案例，也可以推广到其他文件上传场景，提升整体用户体验。

chrome浏览器设置MiniType文件类型时选择文件响应慢处理

草根

08-29

1129

主要原因是：当用户设置了MiniType类型时，点击选择文件时，chrome浏览器会发送请求到谷歌服务器（https://www.google.com/），但是国内无法访问，就导致会一直请求，因此导致点击选择文件时响应非常慢。解决方式如下：将浏览器设置中的“隐私设置”下面的“保护您和您的设备不受危险网站的侵害”选项勾去掉即可。 ...

chrome中加载WebUploader、UEditor，点击上传文件选择框会延迟几秒才会显示，反应很慢

buer2202的博客

07-19

685

WebUploader：chrome52.0.2743.80以上，accept: { title: 'Images', extensions: 'jpg,jpeg,png', mimeTypes: 'image/*' }改为：accept: { title: 'Images', extensions: 'jpg,jpeg,png', mimeTypes: 'image/jpg

Web前端 input file 文件上传优化

沐枫

12-02

8180

前言：在Web开发过程中，当项目做得越来越大时，文件上传功能也会被使用得非常多，之前项目经理反馈一个问题，就是当点击[选择上传文件]按扭时，弹出文件浏览框总是很慢，点击上传按扭后，要很久文件选择窗口才能弹出来，经过一翻折腾，后来发现是因为input file类型的标签中没有限制指定可上传的文件类型 accept="*" (默认全部类型)。所以它会检索全部类型，从而导致在弹出文件选择窗口时慢的问题。然而，在HTML5中使用 input file控件选择上传文件的时候，根据需要可限制指定的文件类型

python input函数的应用(接收用户的输入)_python中使用input()函数获取用户输入值方式...

weixin_39550258的博客

12-07

6468

python中使用input()函数获取用户输入值方式我们编写程序最终目的还是来解决实际问题，所以必然会遇到输入输出的交互问题，python中提供了input函数用来获取用户的输入，我们可以用以下程序演示。user_gender = input("Please enter your gender(F/M):")print(f'Your gender is {user_gender}')要注意的是在...

java上传大文件慢处理方案

germy2的专栏

06-05

7906

我们平时经常做的是上传文件，上传文件夹与上传文件类似，但也有一些不同之处，这次做了上传文件夹就记录下以备后用。首先我们需要了解的是上传文件三要素： 1.表单提交方式:post(get方式提交有大小限制,post没有) 2.表单的enctype属性:必须设置为multipart/form-data. 3.表单必须有文件上传项:file，且文件项需要给定name值上传文件...

Java+Selenium 的高级使用——弹窗，上传下载，浏览器多窗口处理，Frame框架切换 JS注入，截图，等待时间（六）

八戒媳妇

11-07

1649

掌握了selenium初级的用法之后，就可以继续深入的学习一、弹出对话框的处理 1.1、自定义弹窗例子：百度首页登录案例验证数据用户，没有输入密码，页面是否做出验证验证：使用断言（Assert）代码 package selenium.framework.demo.test; import org.openqa.selenium.By; import org.openqa.selenium.Dimension; import org.openqa.selenium.WebEle

input file上传按钮反应慢的解决方法

沉迷学习日渐消瘦

08-16

2911

点击上传按钮后，选择文件弹窗要好几秒才能出现原因一：文件后缀验证解决方法：将可接受的值填写完整，这样就减少了使用通配符时的查找事件原因二：在chrome浏览器下反应慢的原因是因为chrome浏览器为了保障用户的安全，会将用户选择的文件信息发送到google验证，所以只要在设置中关闭改验证就ok

html file弹出慢,HTML5 input file 打开很慢的问题

weixin_30022703的博客

06-09

258

开发中遇到了这样一个问题我们在代码中使用了HTML5的input[file]标签去上传图片1同时，在上面代码中，使用了 accept=”image/*” 去过滤所有非图片的文件。但是，在最新版本的chrome(52.0.2743.116 (64-bit))中，出现了一个很奇特的问题。点击input之后，会有一定概率出现文件选择框弹出非常慢的问题，正常情况下，不到1S就能弹出文件选择框。但是慢的时候...

HTML5 input file 打开很慢的问题

ForeverCjl的专栏

10-31

1万+

开发中遇到了这样一个问题我们在代码中使用了HTML5的input[file]标签去上传图片<input type="file" name="file" class="element" accept="image/*">同时，在上面代码中，使用了 accept=”image/*” 去过滤所有非图片的文件。但是，在最新版本的chrome（52.0.2743.116 (64-bit)）中，出现了一个很奇特

Windows10打开资源管理器慢、idea中Open File or Project慢、浏览器中调用文件选择框慢的解决办法

野生Java小菜鸟的博客

04-27

1483

看网上说如标题所说的各种慢的解决办法，说是在设置中关闭索引。然鹅并没有什么卵用。注意了：这个时候需要资源管理器的网络位置是否映射有驱动器了，因为我映射了两个，其中一个是家里局域网的，所以不在家的时候是联不通的，于是也就出现了如题的问题。解决办法：把连接异常的驱动器或者连接速度缓慢的驱动器删除，即可解决！真是一个大坑 ...

File 类型的文本框，选择文件时响应很慢解决方法

weixin_34413103的博客

11-02

641

file 类型的文本框用于文件上传，它有个 accept 属性，可以用来限定上传的文件类型。例如：accept="image/*" 可以用来限制只允许上传图像格式。但是当指定类型的扩展名为 * 通配符时，在 Webkit 浏览器下会出现响应很慢的问题，要等上好几秒才弹出文件选择框。解决方法就是将 * 通配符改为指定的 MIME 类型。如下： <input type="file" acce...

解决input[type=file]打开时慢、卡顿问题

weixin_33812433的博客

07-28

582

昨天临下班测试给我问我为什么图片上传插件打开文件夹的速度这么慢，让我想办法优化一下然后我就努力的搞了起来_(:з」∠)_ 由于我们内部系统不兼容ie，所以我就没有管ie，在浏览器里面玩了起来经过测试发现，在mac里面safari、Firefox、Chrome(opera不知道为啥老闪退)都没有卡顿问题在windows里面，Firefo...

html file弹出慢,Chrome浏览器input[type=file]打开时很慢的问题解决 - 翟码农技术博客...

weixin_31759829的博客

06-09

984

最近在本地写了个很简单的上传图片的表单，可是用Chrome访问网页时，我点击上传，打开文件选择的窗口很慢很慢，需要7-10秒的时间。下面是我的表单代码：upload picture上传经百度，网上是说因为如下原因导致的：Chrome的SafeBrowsing功能会在上传时检查文件，如果网络连接到google的速度比较快呢，就没有什么问题。但是如果连接比较慢，或者连不上，那SafeBrowsin...