html type=file 文件上传延迟几秒才出来，多次点击弹出好几个上传框

Question

使用html type=file上传文件，设置了aplication/zip过滤了文件格式为zip包，由于input框太丑了，所以将input框设置了透明重叠放置在一个img图标上，在在chrome浏览器下点击上传文件，有时候5-6秒才弹出选择文件的对话框，多次点击弹出多个，用户体验非常不好，不知道有没有大牛有好的解决办法

Answer 1

Google Chrome浏览器点击 input file上传按钮时延迟3-5秒Chrome 文件选择延迟 Bug

Answer 2

<input type="file" accept="*"> 指定accept的类型即可。

Answer 3

这个是因为你设置chrome不认识的文件类型，它Google服务器上去检查，而你又访问不了，所以就得等到它超时，所以才会这么才有反应?

Answer 4

你是不是accept指定了*,可以单独把jpg和png的图片类型指定出来

Answer 5

<input type="file" accept="image/jpg,image/jpeg,image/png,image/gif"> 我一般都只遍历这些，不然太慢了