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的白名單裏面,不需要檢查。

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