关于form表单上传文件类型的筛选，如果你不希望用户上传任何类型的文件, 你可以使用 input 的 accept 属性.

设置支持 .doc / .docx / .xls / .xlsx / .pdf 格式:

如果需要支持 .png 等，则在 accept 添加上既可，都逗号分隔。

扩展知识：

accept 属性接受一个逗号分隔的 MIME 类型字符串,如:

accept="image/png"oraccept=".png"— 只接受 png 图片.accept="image/png, image/jpeg"oraccept=".png, .jpg, .jpeg"— PNG/JPEG 文件.accept="image/*"— 接受任何图片文件类型.accept=".doc,.docx,.xml,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"— 接受任何 MS Doc 文件类型

如果不限制上传图片的格式可写成：accept="image/*"

其它格式参考如下：

举例：

html input=”file” 浏览时只显示指定文件类型 xls、xlsx、csv

<input id="fileSelect" type="file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />

Valid Accept Types:

For CSV files (.csv), use:

<input type="file" accept=".csv" />

For Excel Files - (.xls), use:

<input type="file" accept="application/vnd.ms-excel" />

For Excel Files (.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" />