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