<input type="file" name="file" class="element" accept="image/*">
這段代碼在Chrome和Safari等Webkit瀏覽器下卻出現了響應滯慢的問題，可能要等 6~10s 才能彈出文件選擇對話框。其實是accept=”image/*” 屬性的問題，accept=”image/*”屬性會對每一個文件都遍歷一次所有的”image/*”文件類型，當文件較多時，文件的檢驗時間較長，這可能是Webkit的底層實現的bug。刪掉它或者將 * 通配符修改為指定的MIME類型，就可以解決Webkit瀏覽器下的對話框顯示滯慢的問題。
解決辦法如下：圖片盡量不要加上svg
<input type="file" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
如果想上傳多張圖片：
multiple屬性
<input type="file" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg" multiple >