input上传图片时卡顿

使用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的白名单里面,不需要检查。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章