使用vant的上传文件组件实现头像上传时,发现在低版本谷歌浏览器上,点击上传会卡顿,过一会才展示文件选择,一下为vant的文件上传组件
<van-uploader v-model="headpic"></van-uploader>
其实是封装input,accept设置来实现图片上传
组件默认accept为image/*;
修改accpect的值为具体文件格式,即可解决问题
<van-uploader accept="image/png,image/jpg, image/jpeg, image/gif" v-model="headpic">
</van-uploader>
原来是因为Chrome的SafeBrowsing功能会在上传或保存时检查文件,
但是如果连接比较慢,那SafeBrowsing就会让Chrome挂起一段时间,直到文件检查结束或者超时
使用accept="image/png, image/jpeg, image/gif"就可以解决这个问题,因为这些MIME类型在SafeBrowsing的白名单里面,不需要检查。