為什么在input標(biāo)簽類型為file上傳文件時在標(biāo)簽中設(shè)置屬性 accpet="image/*"，打開本地文件夾的速度特別慢？
經(jīng)過測試發(fā)現(xiàn)，在mac里面safari、Firefox、Chrome(opera不知道為啥老閃退)都沒有卡頓問題
在windows里面，F(xiàn)irefox不卡頓，只有Chrome卡頓。
于是我決定先去掉accpet試試……
果然就沒有了卡頓的問題。
那么本包在試試accpet="image/jpg"果然也不卡卡的了！！
看來問題的所在就是"image/*"
但是寫accpet的原意是要想要篩選出所有圖片_(:з」∠)_
那么為了實(shí)現(xiàn)這個需求，同時提高用戶體驗(yàn)，只能采取枚舉了
修改后的代碼
<input type ="file" accpet="image/gif,image/png,image/jpeg,image/jpg,image/bmp"/>
再試試，果然妥妥的了！
原來是因?yàn)镃hrome的SafeBrowsing功能會在上傳或保存時檢查文件，
如果網(wǎng)絡(luò)連接到google的速度比較快呢，就沒有什么問題。
但是如果連接比較慢，或者干脆跪掉了，那SafeBrowsing就會讓Chrome掛起一段時間，直到文件檢查結(jié)束或者超時
使用accept="image/png, image/jpeg, image/gif"就可以解決這個問題，因?yàn)檫@些MIME類型在SafeBrowsing的白名單里面，不需要檢查。
但是如果用像是accept="image/*"這樣的呢，就不行了，就有可能變得卡卡的。
以上這篇快速解決input[type=file]打開時慢、卡頓的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持。
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過測試外，其他素材未做測試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。