关于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" />