html - 为何 input[file] 中使用 accept=”image/*” 会导致响应慢

问题描述

问 题

rt, 我在使用input进行图片上传时遇到了这个问题, 为了尽量避免用户选错文件, 我决定加入accept="image/*" 属性来实现只显示图像文件的效果, 可是发现加入该属性后在Chrome中点击文件框会有很大的延迟

<input type="file" placeholder="请上传照片" name="file[]" accept="image/*" class="m-wrap large">
                                

我又尝试了把*换成了指定的类型, 比如: accept="image/gif, 这样是正常的, 并且即使我添加很多类型也不会出现之前的延迟效果了, 不太清楚具体是什么原因造成的, 是否有解决方案?

<input type="file" placeholder="请上传照片" name="file[]" accept="image/gif" class="m-wrap large">

解决方案

最好这样写.通配符在chrome就会这样。我个人认为应该是webkit底层的bug

<input type=file accept=image/gif,image/jpeg,image/jpg> 

这篇关于html - 为何 input[file] 中使用 accept=”image/*” 会导致响应慢的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！