為什麼在input標籤類型為file上傳文件時在標籤中設置屬性accpet=image/* ，打開本地文件夾的速度特別慢？
經過測試發現，在mac裡面safari、Firefox、Chrome(opera不知道為啥老閃退)都沒有卡頓問題
在windows裡面，Firefox不卡頓，只有Chrome卡頓。
於是我決定先去掉accpet試試……
果然就沒有了卡頓的問題。
那麼本包在試試accpet=image/jpg果然也不卡卡的了！ ！
看來問題的所在就是image/*
但是寫accpet的原意是要想要篩選出所有圖片_(:з」∠)_
那麼為了實現這個需求，同時提高用戶體驗，只能採取枚舉了
修改後的代碼<input type =file accpet=image/gif,image/png,image/jpeg,image/jpg,image/bmp/>
再試試，果然妥妥的了！
原來是因為Chrome的SafeBrowsing功能會在上傳或保存時檢查文件，
如果網絡連接到google的速度比較快呢，就沒有什麼問題。
但是如果連接比較慢，或者乾脆跪掉了，那SafeBrowsing就會讓Chrome掛起一段時間，直到文件檢查結束或者超時
使用accept=image/png, image/jpeg, image/gif就可以解決這個問題，因為這些MIME類型在SafeBrowsing的白名單裡面，不需要檢查。
但是如果用像是accept=image/*這樣的呢，就不行了，就有可能變得卡卡的。
以上這篇快速解決input[type=file]打開時慢、卡頓的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持VeVb武林網。