input[file]標籤的accept屬性可用於指定上傳檔案的MIME型別。

例如，想要實現預設上傳圖片檔案的程式碼，程式碼可如下：

效果如下圖所示，預設過濾掉所有非圖片檔案：

但是！

這段程式碼在Chrome和Safari等Webkit瀏覽器下卻出現了響應滯慢的問題，可能要等 6~10s 才能彈出檔案選擇對話方塊。簡直不能忍呀。

在IE和Firefox中使用 accept=”image/*” 屬性則沒有發現響應延遲的問題。

於是幾經嘗試後，發現是 accept=”image/” 屬性的問題，刪掉它或者將 萬用字元修改為指定的MIME型別，就可以解決Webkit瀏覽器下的對話方塊顯示滯慢的問題。

解決辦法如下：

accept=”image/” 屬性會對每一個檔案都遍歷一次所有的”image/”檔案型別，當檔案較多時，檔案的檢驗時間較長，這可能是Webkit的底層實現的bug。

另外，

accept=”audio/” 和 accept=”video/” 屬性 在 Webkit瀏覽器下也會有同樣的響應延遲的問題。同理，通過將 * 萬用字元 修改成指定的MIME型別就可解決。