最近在做文件上傳, 發現在高版本的谷歌瀏覽器下有上傳圖片彈出框等待時間過長的問題(其他基于webkit內核的瀏覽器也有可能出現這個問題)
像一些編輯器 如Ueditor 和 Editor.md 會在編輯器的上傳圖片文件里寫上下面的HTML代碼:
<input type="file" name="pic" id="pic" accept="image/*">
// 打開要好幾秒
后來發現問題點出現在input標簽的accept屬性上,于是改成:
<input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" />
// 打開速度很快
// 在文件上傳中使用 accept 屬性,可以接受 GIF 和 JPEG 兩種圖像
// hawtim tips:accept接受的文件類型越少打開對話框的時間就越短
參考input標簽的accept屬性