解决方案：
使用 input 的 accept 属性指定接受文件类型
-----------更新---------------
之前的代码有个缺点，打开文件窗口时会自动筛选文件夹下所有符合设定类型的文件，造成文件窗口延迟一定时间。
优化的方法是列出你需要的 详细 类型，比如：
For Image Files (.png/.jpg/etc), use: <input type="file" accept="image/x-png,image/gif,image/jpeg,image/bmp" />
这样打开的速度就快很多了
-------------之前的代码---------------------
下面是指定类型的代码：
Valid Accept Types:
For CSV files (.csv), use:
<input type="file" accept=".csv" />
For Excel Files 2003-2007 (.xls), use:
<input type="file" accept="application/vnd.ms-excel" />
For Excel Files 2010 (.xlsx), use:
<input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />
For Text Files (.txt) use:
<input type="file" accept="text/plain" />
For Image Files (.png/.jpg/etc), use:
<input type="file" accept="image/*" />
For HTML Files (.htm,.html), use:
<input type="file" accept="text/html" />
For Video Files (.avi, .mpg, .mpeg, .mp4), use:
<input type="file" accept="video/*" />
For Audio Files (.mp3, .wav, etc), use:
<input type="file" accept="audio/*" />
For PDF Files, use:
<input type="file" accept=".pdf" />
原文：https://www.cnblogs.com/niuben/p/10926031.html